react-relay 14.1.0 → 16.0.0

package/__flowtests__/__generated__/ReactRelayRefetchContainerFlowtest_viewer.graphql.js.flow

@@ -4,7 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<6d04d7f7bf097d5869a1fdf0dea1e659>>
+ * @oncall relay
+ *
+ * @generated SignedSource<<6f9cebfabb127ad6db1de1705f8a9764>>
  * @flow
  * @lightSyntaxTransform
  * @nogrep

package/__flowtests__/__generated__/RelayModernFlowtest_badref.graphql.js.flow

@@ -4,7 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<d3c71cb965d8374d40fb30f3c5ae9fd4>>
+ * @oncall relay
+ *
+ * @generated SignedSource<<1d67fc8ab171aeb4c45cb1df2d036371>>
  * @flow
  * @lightSyntaxTransform
  * @nogrep
@@ -16,7 +18,7 @@
 
 /*::
 import type { Fragment, ReaderFragment } from 'relay-runtime';
-type RelayModernFlowtest_user$fragmentType = any;
+import type { RelayModernFlowtest_user$fragmentType } from "./RelayModernFlowtest_user.graphql";
 import type { FragmentType } from "relay-runtime";
 declare export opaque type RelayModernFlowtest_badref$fragmentType: FragmentType;
 export type RelayModernFlowtest_badref$data = {|

package/__flowtests__/__generated__/RelayModernFlowtest_notref.graphql.js.flow

@@ -4,7 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<bd60df80c19d8248426865abbc23562e>>
+ * @oncall relay
+ *
+ * @generated SignedSource<<43b1e678169a4cde5a3a2312c2dca669>>
  * @flow
  * @lightSyntaxTransform
  * @nogrep
@@ -16,7 +18,7 @@
 
 /*::
 import type { Fragment, ReaderFragment } from 'relay-runtime';
-type RelayModernFlowtest_user$fragmentType = any;
+import type { RelayModernFlowtest_user$fragmentType } from "./RelayModernFlowtest_user.graphql";
 import type { FragmentType } from "relay-runtime";
 declare export opaque type RelayModernFlowtest_notref$fragmentType: FragmentType;
 export type RelayModernFlowtest_notref$data = {|

package/__flowtests__/__generated__/RelayModernFlowtest_user.graphql.js.flow

@@ -4,7 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<527809017626cb43378afb92fed67feb>>
+ * @oncall relay
+ *
+ * @generated SignedSource<<9d848fb441343089b23a4a389281bffb>>
  * @flow
  * @lightSyntaxTransform
  * @nogrep

package/__flowtests__/__generated__/RelayModernFlowtest_users.graphql.js.flow

@@ -4,7 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<8a94ce305c03af7280da9b95a665349f>>
+ * @oncall relay
+ *
+ * @generated SignedSource<<36c03d8fd5d95624c243a32c2b4791e4>>
  * @flow
  * @lightSyntaxTransform
  * @nogrep

package/assertFragmentMap.js.flow

@@ -6,6 +6,7 @@
  *
  * @flow strict-local
  * @format
+ * @oncall relay
  */
 
 'use strict';

package/buildReactRelayContainer.js.flow

@@ -6,12 +6,13 @@
  *
  * @flow
  * @format
+ * @oncall relay
  */
 
 'use strict';
-import type {ReaderFragment} from '../relay-runtime/util/ReaderNode';
+
 import type {GeneratedNodeMap} from './ReactRelayTypes';
-import type {FragmentMap} from 'relay-runtime';
+import type {FragmentMap, ReaderFragment} from 'relay-runtime';
 
 const assertFragmentMap = require('./assertFragmentMap');
 const {
@@ -20,11 +21,12 @@ const {
 } = require('./ReactRelayContainerUtils');
 const ReactRelayContext = require('./ReactRelayContext');
 const ReactRelayQueryRendererContext = require('./ReactRelayQueryRendererContext');
-const readContext = require('./readContext');
 const invariant = require('invariant');
 const React = require('react');
 const {getFragment} = require('relay-runtime');
 
+const {useContext} = React;
+
 type ContainerCreator = (
   Component: React$ComponentType<any>,
   fragments: FragmentMap,
@@ -52,9 +54,11 @@ function buildReactRelayContainer<TBase: React$ComponentType<any>>(
 
   function forwardRef(
     props: any,
-    ref: ((null | any) => mixed) | {current: null | any, ...},
+    ref:
+      | ((null | React$ElementRef<TBase>) => mixed)
+      | {-current: null | React$ElementRef<TBase>, ...},
   ) {
-    const context = readContext(ReactRelayContext);
+    const context = useContext(ReactRelayContext);
     invariant(
       context != null,
       '`%s` tried to render a context that was not valid this means that ' +
@@ -62,7 +66,7 @@ function buildReactRelayContainer<TBase: React$ComponentType<any>>(
       containerName,
       containerName,
     );
-    const queryRendererContext = readContext(ReactRelayQueryRendererContext);
+    const queryRendererContext = useContext(ReactRelayQueryRendererContext);
 
     return (
       <Container

package/getRootVariablesForFragments.js.flow

@@ -6,6 +6,7 @@
  *
  * @flow
  * @format
+ * @oncall relay
  */
 
 'use strict';
@@ -31,7 +32,6 @@ function getRootVariablesForFragments<TProps: {...}>(
         ? selector.selectors[0]?.owner.variables ?? {}
         : selector?.owner.variables ?? {};
     rootVariables = {
-      // $FlowFixMe[exponential-spread]
       ...rootVariables,
       ...fragmentOwnerVariables,
     };

package/hooks.js

@@ -1,5 +1,5 @@
 /**
- * Relay v14.1.0
+ * Relay v16.0.0
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/hooks.js.flow

@@ -6,6 +6,7 @@
  *
  * @flow strict-local
  * @format
+ * @oncall relay
  */
 
 'use strict';
@@ -13,6 +14,7 @@
 const EntryPointContainer = require('./relay-hooks/EntryPointContainer.react');
 const loadEntryPoint = require('./relay-hooks/loadEntryPoint');
 const {loadQuery} = require('./relay-hooks/loadQuery');
+const ProfilerContext = require('./relay-hooks/ProfilerContext');
 const RelayEnvironmentProvider = require('./relay-hooks/RelayEnvironmentProvider');
 const useEntryPointLoader = require('./relay-hooks/useEntryPointLoader');
 const useFragment = require('./relay-hooks/useFragment');
@@ -77,6 +79,8 @@ module.exports = {
   EntryPointContainer: EntryPointContainer,
   RelayEnvironmentProvider: RelayEnvironmentProvider,
 
+  ProfilerContext: ProfilerContext,
+
   fetchQuery: RelayRuntime.fetchQuery,
 
   loadQuery: loadQuery,

package/index.js

@@ -1,5 +1,5 @@
 /**
- * Relay v14.1.0
+ * Relay v16.0.0
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/index.js.flow

@@ -6,6 +6,7 @@
  *
  * @flow strict-local
  * @format
+ * @oncall relay
  */
 
 'use strict';
@@ -19,6 +20,7 @@ const ReactRelayRefetchContainer = require('./ReactRelayRefetchContainer');
 const EntryPointContainer = require('./relay-hooks/EntryPointContainer.react');
 const loadEntryPoint = require('./relay-hooks/loadEntryPoint');
 const {loadQuery} = require('./relay-hooks/loadQuery');
+const ProfilerContext = require('./relay-hooks/ProfilerContext');
 const RelayEnvironmentProvider = require('./relay-hooks/RelayEnvironmentProvider');
 const useClientQuery = require('./relay-hooks/useClientQuery');
 const useEntryPointLoader = require('./relay-hooks/useEntryPointLoader');
@@ -107,6 +109,8 @@ module.exports = {
   EntryPointContainer: EntryPointContainer,
   RelayEnvironmentProvider: RelayEnvironmentProvider,
 
+  ProfilerContext: ProfilerContext,
+
   fetchQuery: RelayRuntime.fetchQuery,
 
   loadQuery: loadQuery,

package/isRelayEnvironment.js.flow

@@ -6,6 +6,7 @@
  *
  * @flow strict
  * @format
+ * @oncall relay
  */
 
 'use strict';

package/jest-react/enqueueTask.js.flow

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @emails oncall+relay
  * @format
+ * @oncall relay
  */
 
 // This file is sync'd from https://github.com/facebook/react/tree/main/packages/jest-react

package/jest-react/index.js.flow

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @emails oncall+relay
  * @format
+ * @oncall relay
  */
 
 // This file is sync'd from https://github.com/facebook/react/tree/main/packages/jest-react

package/jest-react/internalAct.js.flow

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @emails oncall+relay
  * @format
+ * @oncall relay
  */
 
 /* global jest */

package/legacy.js

@@ -1,5 +1,5 @@
 /**
- * Relay v14.1.0
+ * Relay v16.0.0
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/legacy.js.flow

@@ -6,6 +6,7 @@
  *
  * @flow strict-local
  * @format
+ * @oncall relay
  */
 
 'use strict';

package/lib/ReactRelayContainerUtils.js

@@ -1,22 +1,11 @@
-/**
- * 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';
 
 function getComponentName(component) {
   return component.displayName || component.name || 'Component';
 }
-
 function getContainerName(Component) {
   return 'Relay(' + getComponentName(Component) + ')';
 }
-
 module.exports = {
   getComponentName: getComponentName,
   getContainerName: getContainerName

package/lib/ReactRelayContext.js

@@ -1,17 +1,6 @@
-/**
- * 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 React = require('react');
-
 var _require = require('relay-runtime'),
-    createRelayContext = _require.__internal.createRelayContext;
-
+  createRelayContext = _require.__internal.createRelayContext;
 module.exports = createRelayContext(React);

package/lib/ReactRelayFragmentContainer.js

@@ -1,80 +1,42 @@
-/**
- * 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 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 _excluded = ["componentRef", "__relayContext", "__rootIsQueryRenderer"];
-
 var buildReactRelayContainer = require('./buildReactRelayContainer');
-
 var _require = require('./ReactRelayContainerUtils'),
-    getContainerName = _require.getContainerName;
-
+  getContainerName = _require.getContainerName;
 var _require2 = require('./RelayContext'),
-    assertRelayContext = _require2.assertRelayContext;
-
+  assertRelayContext = _require2.assertRelayContext;
 var areEqual = require("fbjs/lib/areEqual");
-
 var React = require('react');
-
 var _require3 = require('relay-runtime'),
-    createFragmentSpecResolver = _require3.createFragmentSpecResolver,
-    getDataIDsFromObject = _require3.getDataIDsFromObject,
-    isScalarAndEqual = _require3.isScalarAndEqual;
-
-/**
- * Composes a React component class, returning a new class that intercepts
- * props, resolving them with the provided fragments and subscribing for
- * updates.
- */
+  createFragmentSpecResolver = _require3.createFragmentSpecResolver,
+  getDataIDsFromObject = _require3.getDataIDsFromObject,
+  isScalarAndEqual = _require3.isScalarAndEqual;
 function createContainerWithFragments(Component, fragments) {
   var _class;
-
   var containerName = getContainerName(Component);
   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 () {
         var resolverFromThisUpdate = _this.state.resolver;
-
         _this.setState(function (updatedState) {
-          return (// If this event belongs to the current data source, update.
-            // Otherwise we should ignore it.
-            resolverFromThisUpdate === updatedState.resolver ? {
-              data: updatedState.resolver.resolve(),
-              relayProp: getRelayProp(updatedState.relayProp.environment)
-            } : null
-          );
+          return resolverFromThisUpdate === updatedState.resolver ? {
+            data: updatedState.resolver.resolve(),
+            relayProp: getRelayProp(updatedState.relayProp.environment)
+          } : null;
         });
       });
       var relayContext = assertRelayContext(props.__relayContext);
-      var rootIsQueryRenderer = (_props$__rootIsQueryR = props.__rootIsQueryRenderer) !== null && _props$__rootIsQueryR !== void 0 ? _props$__rootIsQueryR : false; // Do not provide a subscription/callback here.
-      // It is possible for this render to be interrupted or aborted,
-      // In which case the subscription would cause a leak.
-      // We will add the subscription in componentDidMount().
-
+      var rootIsQueryRenderer = (_props$__rootIsQueryR = props.__rootIsQueryRenderer) !== null && _props$__rootIsQueryR !== void 0 ? _props$__rootIsQueryR : false;
       var resolver = createFragmentSpecResolver(relayContext, containerName, fragments, props, rootIsQueryRenderer);
       _this.state = {
         data: resolver.resolve(),
@@ -85,34 +47,15 @@ function createContainerWithFragments(Component, fragments) {
       };
       return _this;
     }
-    /**
-     * 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.
-     */
-
-
     _class.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
       var _nextProps$__rootIsQu;
-
-      // Any props change could impact the query, so we mirror props in state.
-      // This is an unusual pattern, but necessary for this container usecase.
       var prevProps = prevState.prevProps;
       var relayContext = assertRelayContext(nextProps.__relayContext);
       var rootIsQueryRenderer = (_nextProps$__rootIsQu = nextProps.__rootIsQueryRenderer) !== null && _nextProps$__rootIsQu !== void 0 ? _nextProps$__rootIsQu : false;
       var prevIDs = getDataIDsFromObject(fragments, prevProps);
       var nextIDs = getDataIDsFromObject(fragments, nextProps);
-      var resolver = prevState.resolver; // 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 resolver = prevState.resolver;
       if (prevState.prevPropsContext.environment !== relayContext.environment || !areEqual(prevIDs, nextIDs)) {
-        // Do not provide a subscription/callback here.
-        // It is possible for this render to be interrupted or aborted,
-        // In which case the subscription would cause a leak.
-        // We will add the subscription in componentDidUpdate().
         resolver = createFragmentSpecResolver(relayContext, containerName, fragments, nextProps, rootIsQueryRenderer);
         return {
           data: resolver.resolve(),
@@ -124,7 +67,6 @@ function createContainerWithFragments(Component, fragments) {
       } else {
         resolver.setProps(nextProps);
         var data = resolver.resolve();
-
         if (data !== prevState.data) {
           return {
             data: data,
@@ -134,43 +76,30 @@ function createContainerWithFragments(Component, fragments) {
           };
         }
       }
-
       return null;
     };
-
     var _proto = _class.prototype;
-
     _proto.componentDidMount = function componentDidMount() {
       this._subscribeToNewResolverAndRerenderIfStoreHasChanged();
     };
-
     _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
       if (this.state.resolver !== prevState.resolver) {
         prevState.resolver.dispose();
-
         this._subscribeToNewResolverAndRerenderIfStoreHasChanged();
       } else {
         this._rerenderIfStoreHasChanged();
       }
     };
-
     _proto.componentWillUnmount = function componentWillUnmount() {
       this.state.resolver.dispose();
     };
-
     _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
-      // Short-circuit if any Relay-related data has changed
       if (nextState.data !== this.state.data) {
         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.prevPropsContext.environment !== this.state.prevPropsContext.environment) {
             return true;
@@ -181,81 +110,53 @@ function createContainerWithFragments(Component, fragments) {
           }
         }
       }
-
       return false;
-    }
-    /**
-     * Render new data for the existing props/context.
-     */
-    ;
-
+    };
     _proto._rerenderIfStoreHasChanged = function _rerenderIfStoreHasChanged() {
       var _this$state = this.state,
-          data = _this$state.data,
-          resolver = _this$state.resolver; // External values could change between render and commit.
-      // Check for this case, even though it requires an extra store read.
-
+        data = _this$state.data,
+        resolver = _this$state.resolver;
       var maybeNewData = resolver.resolve();
-
       if (data !== maybeNewData) {
         this.setState({
           data: maybeNewData
         });
       }
     };
-
     _proto._subscribeToNewResolverAndRerenderIfStoreHasChanged = function _subscribeToNewResolverAndRerenderIfStoreHasChanged() {
       var _this$state2 = this.state,
-          data = _this$state2.data,
-          resolver = _this$state2.resolver;
-      var maybeNewData = resolver.resolve(); // Event listeners are only safe to add during the commit phase,
-      // So they won't leak if render is interrupted or errors.
-
-      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.
-
+        data = _this$state2.data,
+        resolver = _this$state2.resolver;
+      var maybeNewData = resolver.resolve();
+      resolver.setCallback(this.props, this._handleFragmentDataUpdate);
       if (data !== maybeNewData) {
         this.setState({
           data: maybeNewData
         });
       }
     };
-
     _proto.render = function render() {
       var _this$props = this.props,
-          componentRef = _this$props.componentRef,
-          __relayContext = _this$props.__relayContext,
-          __rootIsQueryRenderer = _this$props.__rootIsQueryRenderer,
-          props = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, _excluded);
+        componentRef = _this$props.componentRef,
+        __relayContext = _this$props.__relayContext,
+        __rootIsQueryRenderer = _this$props.__rootIsQueryRenderer,
+        props = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, _excluded);
       return React.createElement(Component, (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), this.state.data), {}, {
         ref: componentRef,
         relay: this.state.relayProp
       }));
     };
-
     return _class;
   }(React.Component), (0, _defineProperty2["default"])(_class, "displayName", containerName), _class;
 }
-
 function getRelayProp(environment) {
   return {
     environment: environment
   };
 }
-/**
- * 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) {
-  // $FlowFixMe[incompatible-return]
   return buildReactRelayContainer(Component, fragmentSpec, createContainerWithFragments);
 }
-
 module.exports = {
   createContainer: createContainer
 };

package/lib/ReactRelayFragmentMockRenderer.js

@@ -1,18 +1,7 @@
-/**
- * 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 ReactRelayContext = require('./ReactRelayContext');
-
 var React = require('react');
-
 function ReactRelayFragmentMockRenderer(props) {
   return /*#__PURE__*/React.createElement(ReactRelayContext.Provider, {
     value: {
@@ -20,5 +9,4 @@ function ReactRelayFragmentMockRenderer(props) {
     }
   }, props.render());
 }
-
 module.exports = ReactRelayFragmentMockRenderer;