react-relay 0.0.0-main-efb1009e → 0.0.0-main-7ff4c54a

package/ReactRelayContext.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-efb1009e
+ * Relay v0.0.0-main-7ff4c54a
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/ReactRelayContext.js.flow

@@ -17,6 +17,6 @@ const {
   __internal: {createRelayContext},
 } = require('relay-runtime');
 
-module.exports = (createRelayContext(
+module.exports = createRelayContext(
   React,
-): React.Context<RelayContext | null>);
+) as React.Context<RelayContext | null>;

package/ReactRelayLoggingContext.js.flow

@@ -16,6 +16,6 @@ const {
   __internal: {createRelayLoggingContext},
 } = require('relay-runtime');
 
-module.exports = (createRelayLoggingContext(React): React.Context<
+module.exports = createRelayLoggingContext(React) as React.Context<
   mixed | null,
->);
+>;

package/ReactRelayPaginationContainer.js.flow

@@ -258,7 +258,7 @@ function createGetFragmentVariables(
   );
   return (prevVars: Variables, totalCount: number): Variables => ({
     ...prevVars,
-    [(countVariable: string)]: totalCount,
+    [countVariable as string]: totalCount,
   });
 }
 
@@ -272,7 +272,7 @@ function findConnectionMetadata(
   for (const fragmentName in fragments) {
     const fragment = fragments[fragmentName];
     const connectionMetadata: ?Array<ConnectionMetadata> = (fragment.metadata &&
-      fragment.metadata.connection: any);
+      fragment.metadata.connection) as any;
     // 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
@@ -302,19 +302,19 @@ function findConnectionMetadata(
     !isRelayModern || foundConnectionMetadata !== null,
     'ReactRelayPaginationContainer: A @connection directive must be present.',
   );
-  return foundConnectionMetadata || ({}: any);
+  return foundConnectionMetadata || ({} as any);
 }
 
 function toObserver(observerOrCallback: ?ObserverOrCallback): Observer<void> {
   return typeof observerOrCallback === 'function'
     ? {
-        error: observerOrCallback,
         complete: observerOrCallback,
+        error: observerOrCallback,
         unsubscribe: (subscription: Subscription) => {
           typeof observerOrCallback === 'function' && observerOrCallback();
         },
       }
-    : observerOrCallback || ({}: any);
+    : observerOrCallback || ({} as any);
 }
 
 function createContainerWithFragments<
@@ -386,9 +386,9 @@ function createContainerWithFragments<
         );
       }
       this.state = {
+        contextForChildren: relayContext,
         data: this._resolver.resolve(),
         prevContext: relayContext,
-        contextForChildren: relayContext,
         relayProp: this._buildRelayProp(relayContext),
         resolverGeneration: 0,
       };
@@ -463,8 +463,8 @@ function createContainerWithFragments<
           );
         }
         this.setState(prevState => ({
-          prevContext: relayContext,
           contextForChildren: relayContext,
+          prevContext: relayContext,
           relayProp: this._buildRelayProp(relayContext),
           resolverGeneration: prevState.resolverGeneration + 1,
         }));
@@ -522,11 +522,11 @@ function createContainerWithFragments<
 
     _buildRelayProp(relayContext: RelayContext): RelayPaginationProp {
       return {
+        environment: relayContext.environment,
         hasMore: this._hasMore,
         isLoading: this._isLoading,
         loadMore: this._loadMore,
         refetchConnection: this._refetchConnection,
-        environment: relayContext.environment,
       };
     }
 
@@ -719,7 +719,7 @@ function createContainerWithFragments<
       );
       const paginatingVariables = {
         count: pageSize,
-        cursor: cursor,
+        cursor,
         totalCount,
       };
       const fetch = this._fetchPage(paginatingVariables, observer, options);
@@ -800,14 +800,14 @@ function createContainerWithFragments<
         fetchVariables,
         componentName,
       );
-      fetchVariables = ({
+      fetchVariables = {
         ...fetchVariables,
         ...this._refetchVariables,
-      }: Variables);
-      fragmentVariables = ({
+      } as Variables;
+      fragmentVariables = {
         ...fetchVariables,
         ...fragmentVariables,
-      }: Variables);
+      } as Variables;
 
       const cacheConfig: ?{...CacheConfig} = options
         ? {force: !!options.force}
@@ -852,10 +852,10 @@ function createContainerWithFragments<
         if (!areEqual(prevData, nextData)) {
           this.setState(
             {
-              data: nextData,
               contextForChildren: {
                 environment: this.props.__relayContext.environment,
               },
+              data: nextData,
             },
             complete,
           );
@@ -888,8 +888,8 @@ function createContainerWithFragments<
         )
         // use do instead of finally so that observer's `complete` fires after cleanup
         .do({
-          error: cleanup,
           complete: cleanup,
+          error: cleanup,
           unsubscribe: cleanup,
         })
         .subscribe(observer || {});

package/ReactRelayQueryRendererContext.js.flow

@@ -14,6 +14,6 @@ const React = require('react');
 
 export type ReactRelayQueryRendererContext = {rootIsQueryRenderer: boolean};
 
-module.exports = (React.createContext({
+module.exports = React.createContext({
   rootIsQueryRenderer: false,
-}): React.Context<ReactRelayQueryRendererContext | null>);
+}) as React.Context<ReactRelayQueryRendererContext | null>;

package/ReactRelayRefetchContainer.js.flow

@@ -104,11 +104,11 @@ function createContainerWithFragments<
         rootIsQueryRenderer,
       );
       this.state = {
+        contextForChildren: relayContext,
         data: resolver.resolve(),
         localVariables: null,
         prevProps: props,
         prevPropsContext: relayContext,
-        contextForChildren: relayContext,
         relayProp: getRelayProp(relayContext.environment, this._refetch),
         resolver,
       };
@@ -187,11 +187,11 @@ function createContainerWithFragments<
           rootIsQueryRenderer,
         );
         return {
+          contextForChildren: relayContext,
           data: resolver.resolve(),
           localVariables: null,
           prevProps: nextProps,
           prevPropsContext: relayContext,
-          contextForChildren: relayContext,
           relayProp: getRelayProp(
             relayContext.environment,
             prevState.relayProp.refetch,
@@ -349,12 +349,12 @@ function createContainerWithFragments<
       const observer =
         typeof observerOrCallback === 'function'
           ? {
+              error: observerOrCallback,
               // callback is not exectued on complete or unsubscribe
               // for backward compatibility
               next: observerOrCallback,
-              error: observerOrCallback,
             }
-          : observerOrCallback || ({}: any);
+          : observerOrCallback || ({} as any);
 
       const query = getRequest(taggedNode);
       const operation = createOperationDescriptor(
@@ -385,10 +385,10 @@ function createContainerWithFragments<
         );
         this.setState(
           latestState => ({
-            data: latestState.resolver.resolve(),
             contextForChildren: {
               environment: this.props.__relayContext.environment,
             },
+            data: latestState.resolver.resolve(),
           }),
           () => {
             observer.next && observer.next();
@@ -415,10 +415,10 @@ function createContainerWithFragments<
           return Observable.create<void>(sink =>
             this.setState(
               latestState => ({
-                data: latestState.resolver.resolve(),
                 contextForChildren: {
                   environment: this.props.__relayContext.environment,
                 },
+                data: latestState.resolver.resolve(),
               }),
               () => {
                 sink.next();

package/ReactRelayTestMocker.js.flow

@@ -162,9 +162,9 @@ class ReactRelayTestMocker {
       }
 
       this._pendingFetches.push({
-        ident,
         cacheConfig,
-        deferred: {resolve, reject},
+        deferred: {reject, resolve},
+        ident,
         request,
         variables: strippedVars,
       });
@@ -199,16 +199,16 @@ class ReactRelayTestMocker {
       deferred.reject(payload.error);
     };
 
-    (env: any).mock = {
+    (env as any).mock = {
+      fetch,
       isLoading,
       rejectQuery,
       resolveRawQuery,
-      fetch,
     };
 
-    (env: any).hasMockedNetwork = true;
+    (env as any).hasMockedNetwork = true;
 
-    (env: any).__setNet(Network.create(fetch));
+    (env as any).__setNet(Network.create(fetch));
     return env;
   }
 
@@ -264,7 +264,7 @@ class ReactRelayTestMocker {
    */
   networkWrite(config: NetworkWriteConfig): void {
     invariant(
-      (this._environment: any).hasMockedNetwork,
+      (this._environment as any).hasMockedNetwork,
       'You cannot resolve queries without a mocked environment. Did you mean ' +
         'to use `writeDirect` instead?',
     );
@@ -320,11 +320,11 @@ class ReactRelayTestMocker {
 
     // if there are errors, reject the query
     if (realPayload.errors != null && realPayload.errors.length > 0) {
-      (this._environment: any).mock.rejectQuery(toResolve, {
+      (this._environment as any).mock.rejectQuery(toResolve, {
         error: realPayload.errors[0],
       });
     } else {
-      (this._environment: any).mock.resolveRawQuery(toResolve, realPayload);
+      (this._environment as any).mock.resolveRawQuery(toResolve, realPayload);
     }
   }
 }

package/RelayContext.js.flow

@@ -27,7 +27,7 @@ function assertRelayContext(relay: mixed): RelayContext {
       'the `RelayContext` interface, got `%s`.',
     relay,
   );
-  return (relay: any);
+  return relay as any;
 }
 
 /**

package/__flowtests__/RelayModern-flowtest.js.flow

@@ -54,7 +54,7 @@ class BadReferenceTest_ extends React.Component<{
   ...
 }> {
   render(): React.Node {
-    (this.props.badref.id: string);
+    this.props.badref.id as string;
     // $FlowExpectedError[prop-missing]
     this.props.badref.name;
     // $FlowExpectedError[incompatible-type]  The notref fragment was not used.
@@ -85,13 +85,13 @@ class SingularTest extends React.Component<{
   ...
 }> {
   render(): React.Node {
-    (nullthrows(this.props.user.name): string);
+    nullthrows(this.props.user.name) as string;
     // $FlowExpectedError[incompatible-use]
     this.props.nullableUser.name;
     // $FlowExpectedError[incompatible-use]
     this.props.optionalUser.name;
-    (nullthrows(nullthrows(this.props.nullableUser).name): string);
-    (nullthrows(nullthrows(this.props.optionalUser).name): string);
+    nullthrows(nullthrows(this.props.nullableUser).name) as string;
+    nullthrows(nullthrows(this.props.optionalUser).name) as string;
     return null;
   }
 }
@@ -111,9 +111,9 @@ class PluralTest extends React.Component<{
 }> {
   render(): React.Node {
     const names = this.props.users.map(user => user.name).filter(Boolean);
-    (names: Array<string>);
+    names as Array<string>;
     // $FlowExpectedError[incompatible-type]
-    (names: Array<number>);
+    names as Array<number>;
     return null;
   }
 }
@@ -231,7 +231,7 @@ declare var aComplexUserRef: {
 <PluralTestFragment users={usersRef} nullableUsers={null} />;
 
 <PluralTestFragment
-  users={([oneOfUsersRef]: Array<typeof oneOfUsersRef>)}
+  users={[oneOfUsersRef] as Array<typeof oneOfUsersRef>}
   nullableUsers={null}
 />;
 <PluralTestFragment users={[oneOfUsersRef]} nullableUsers={null} />;

package/buildReactRelayContainer.js.flow

@@ -86,7 +86,7 @@ function buildReactRelayContainer<TBase: component(...empty)>(
 
   if (__DEV__) {
     // Used by RelayModernTestUtils
-    (ForwardContainer: any).__ComponentClass = ComponentClass;
+    (ForwardContainer as any).__ComponentClass = ComponentClass;
     ForwardContainer.displayName = containerName;
   }
 

package/hooks.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-efb1009e
+ * Relay v0.0.0-main-7ff4c54a
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/index.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-efb1009e
+ * Relay v0.0.0-main-7ff4c54a
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/legacy.js

@@ -1,5 +1,5 @@
 /**
- * Relay v0.0.0-main-efb1009e
+ * Relay v0.0.0-main-7ff4c54a
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/lib/ReactRelayPaginationContainer.js

@@ -77,8 +77,8 @@ function findConnectionMetadata(fragments) {
 }
 function toObserver(observerOrCallback) {
   return typeof observerOrCallback === 'function' ? {
-    error: observerOrCallback,
     complete: observerOrCallback,
+    error: observerOrCallback,
     unsubscribe: function unsubscribe(subscription) {
       typeof observerOrCallback === 'function' && observerOrCallback();
     }
@@ -173,9 +173,9 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
         _this._resolver = createFragmentSpecResolver(relayContext, containerName, fragments, props, rootIsQueryRenderer, _this._handleFragmentDataUpdate);
       }
       _this.state = {
+        contextForChildren: relayContext,
         data: _this._resolver.resolve(),
         prevContext: relayContext,
-        contextForChildren: relayContext,
         relayProp: _this._buildRelayProp(relayContext),
         resolverGeneration: 0
       };
@@ -217,8 +217,8 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
         }
         this.setState(function (prevState) {
           return {
-            prevContext: relayContext,
             contextForChildren: relayContext,
+            prevContext: relayContext,
             relayProp: _this2._buildRelayProp(relayContext),
             resolverGeneration: prevState.resolverGeneration + 1
           };
@@ -258,11 +258,11 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
     };
     _proto._buildRelayProp = function _buildRelayProp(relayContext) {
       return {
+        environment: relayContext.environment,
         hasMore: this._hasMore,
         isLoading: this._isLoading,
         loadMore: this._loadMore,
-        refetchConnection: this._refetchConnection,
-        environment: relayContext.environment
+        refetchConnection: this._refetchConnection
       };
     };
     _proto._rerenderIfStoreHasChanged = function _rerenderIfStoreHasChanged() {
@@ -373,10 +373,10 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
         var nextData = _this3._resolver.resolve();
         if (!areEqual(prevData, nextData)) {
           _this3.setState({
-            data: nextData,
             contextForChildren: {
               environment: _this3.props.__relayContext.environment
-            }
+            },
+            data: nextData
           }, complete);
         } else {
           complete();
@@ -401,8 +401,8 @@ function createContainerWithFragments(Component, fragments, connectionConfig) {
           });
         });
       })["do"]({
-        error: cleanup,
         complete: cleanup,
+        error: cleanup,
         unsubscribe: cleanup
       }).subscribe(observer || {});
       this._refetchSubscription = this._isARequestInFlight ? refetchSubscription : null;

package/lib/ReactRelayRefetchContainer.js

@@ -63,8 +63,8 @@ function createContainerWithFragments(Component, fragments, taggedNode) {
           cacheConfig.metadata = options === null || options === void 0 ? void 0 : options.metadata;
         }
         var observer = typeof observerOrCallback === 'function' ? {
-          next: observerOrCallback,
-          error: observerOrCallback
+          error: observerOrCallback,
+          next: observerOrCallback
         } : observerOrCallback || {};
         var query = getRequest(taggedNode);
         var operation = createOperationDescriptor(query, fetchVariables, cacheConfig);
@@ -76,10 +76,10 @@ function createContainerWithFragments(Component, fragments, taggedNode) {
           _this.state.resolver.setVariables(fragmentVariables, operation.request.node);
           _this.setState(function (latestState) {
             return {
-              data: latestState.resolver.resolve(),
               contextForChildren: {
                 environment: _this.props.__relayContext.environment
-              }
+              },
+              data: latestState.resolver.resolve()
             };
           }, function () {
             observer.next && observer.next();
@@ -98,10 +98,10 @@ function createContainerWithFragments(Component, fragments, taggedNode) {
           return Observable.create(function (sink) {
             return _this.setState(function (latestState) {
               return {
-                data: latestState.resolver.resolve(),
                 contextForChildren: {
                   environment: _this.props.__relayContext.environment
-                }
+                },
+                data: latestState.resolver.resolve()
               };
             }, function () {
               sink.next();
@@ -129,11 +129,11 @@ function createContainerWithFragments(Component, fragments, taggedNode) {
       _this._refetchSubscription = null;
       var resolver = createFragmentSpecResolver(relayContext, containerName, fragments, props, rootIsQueryRenderer);
       _this.state = {
+        contextForChildren: relayContext,
         data: resolver.resolve(),
         localVariables: null,
         prevProps: props,
         prevPropsContext: relayContext,
-        contextForChildren: relayContext,
         relayProp: getRelayProp(relayContext.environment, _this._refetch),
         resolver: resolver
       };
@@ -168,11 +168,11 @@ function createContainerWithFragments(Component, fragments, taggedNode) {
       if (prevState.prevPropsContext.environment !== relayContext.environment || !areEqual(prevRootVariables, nextRootVariables) || !areEqual(prevIDs, nextIDs)) {
         resolver = createFragmentSpecResolver(relayContext, containerName, fragments, nextProps, rootIsQueryRenderer);
         return {
+          contextForChildren: relayContext,
           data: resolver.resolve(),
           localVariables: null,
           prevProps: nextProps,
           prevPropsContext: relayContext,
-          contextForChildren: relayContext,
           relayProp: getRelayProp(relayContext.environment, prevState.relayProp.refetch),
           resolver: resolver
         };

package/lib/ReactRelayTestMocker.js

@@ -63,12 +63,12 @@ var ReactRelayTestMocker = /*#__PURE__*/function () {
         return typeof payload === 'function' ? payload(strippedVars) : payload;
       }
       _this._pendingFetches.push({
-        ident: ident,
         cacheConfig: cacheConfig,
         deferred: {
-          resolve: resolve,
-          reject: reject
+          reject: reject,
+          resolve: resolve
         },
+        ident: ident,
         request: request,
         variables: strippedVars
       });
@@ -94,10 +94,10 @@ var ReactRelayTestMocker = /*#__PURE__*/function () {
       deferred.reject(payload.error);
     };
     env.mock = {
+      fetch: fetch,
       isLoading: isLoading,
       rejectQuery: rejectQuery,
-      resolveRawQuery: resolveRawQuery,
-      fetch: fetch
+      resolveRawQuery: resolveRawQuery
     };
     env.hasMockedNetwork = true;
     env.__setNet(Network.create(fetch));

package/lib/relay-hooks/legacy/useBlockingPaginationFragment.js

@@ -75,10 +75,10 @@ function useBlockingPaginationFragment(fragmentInput, parentFragmentRef) {
   }, [disposeFetchNext, disposeFetchPrevious, refetch]);
   return {
     data: fragmentData,
-    loadNext: loadNext,
-    loadPrevious: loadPrevious,
     hasNext: hasNext,
     hasPrevious: hasPrevious,
+    loadNext: loadNext,
+    loadPrevious: loadPrevious,
     refetch: refetchPagination
   };
 }
@@ -102,6 +102,8 @@ function useLoadMore(args) {
   };
   var observer = {
     complete: promiseResolve,
+    error: promiseResolve,
+    next: promiseResolve,
     start: function start() {
       disableStoreUpdates();
       var promise = new Promise(function (resolve) {
@@ -112,9 +114,7 @@ function useLoadMore(args) {
       });
       requestPromiseRef.current = promise;
       setRequestPromise(promise);
-    },
-    next: promiseResolve,
-    error: promiseResolve
+    }
   };
   var _useLoadMoreFunction = useLoadMoreFunction((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, loadMoreArgs), {}, {
       observer: observer,