react-relay 11.0.1 → 13.0.0-rc.1

package/__flowtests__/RelayModern-flowtest.js.flow

@@ -12,15 +12,6 @@
 
 'use strict';
 
-const React = require('react');
-
-declare function nullthrows<T>(x: ?T): T;
-
-const {
-  createContainer: createFragmentContainer,
-} = require('../ReactRelayFragmentContainer');
-const {graphql} = require('relay-runtime');
-
 import type {$FragmentRef} from '../ReactRelayTypes';
 import type {RelayModernFlowtest_badref} from './RelayModernFlowtest_badref.graphql';
 import type {RelayModernFlowtest_notref} from './RelayModernFlowtest_notref.graphql';
@@ -33,6 +24,14 @@ import type {
   RelayModernFlowtest_users$ref,
 } from './RelayModernFlowtest_users.graphql';
 
+const {
+  createContainer: createFragmentContainer,
+} = require('../ReactRelayFragmentContainer');
+const React = require('react');
+const {graphql} = require('relay-runtime');
+
+declare function nullthrows<T>(x: ?T): T;
+
 class NotReferencedTest_ extends React.Component<{
   notref: RelayModernFlowtest_notref,
   ...
@@ -97,7 +96,7 @@ class SingularTest extends React.Component<{
     return null;
   }
 }
-SingularTest = createFragmentContainer(SingularTest, {
+const SingularTestFragment = createFragmentContainer(SingularTest, {
   user: graphql`
     fragment RelayModernFlowtest_user on User {
       name
@@ -120,7 +119,7 @@ class PluralTest extends React.Component<{
     return null;
   }
 }
-PluralTest = createFragmentContainer(PluralTest, {
+const PluralTestFragment = createFragmentContainer(PluralTest, {
   users: graphql`
     fragment RelayModernFlowtest_users on User @relay(plural: true) {
       name
@@ -129,46 +128,71 @@ PluralTest = createFragmentContainer(PluralTest, {
 });
 
 declare var aUserRef: {
-  +$fragmentRefs: RelayModernFlowtest_user$ref,
+  +$fragmentSpreads: RelayModernFlowtest_user$ref,
   ...
 };
 
 declare var oneOfUsersRef: {
-  +$fragmentRefs: RelayModernFlowtest_users$ref,
+  +$fragmentSpreads: RelayModernFlowtest_users$ref,
   ...
 };
 
 declare var usersRef: $ReadOnlyArray<{
-  +$fragmentRefs: RelayModernFlowtest_users$ref,
+  +$fragmentSpreads: RelayModernFlowtest_users$ref,
   ...
 }>;
 
 declare var nonUserRef: {
-  +$fragmentRefs: {thing: true, ...},
+  +$fragmentSpreads: {thing: true, ...},
   ...
 };
 
 function cb(): void {}
 
-// $FlowExpectedError - can't pass null for user
-<SingularTest onClick={cb} string="x" user={null} nullableUser={null} />;
+<SingularTestFragment
+  onClick={cb}
+  string="x"
+  // $FlowExpectedError - can't pass null for user
+  user={null}
+  nullableUser={null}
+/>;
 // $FlowExpectedError - user is required
-<SingularTest onClick={cb} string="x" nullableUser={null} />;
-// $FlowExpectedError - can't pass non-user ref for user
-<SingularTest onClick={cb} string="x" user={nonUserRef} nullableUser={null} />;
-// $FlowExpectedError - `cb` prop is not a function
-<SingularTest onClick="cb" string="x" user={aUserRef} nullableUser={null} />;
-// $FlowExpectedError - `string` prop is not a string
-<SingularTest onClick={cb} string={1} user={aUserRef} nullableUser={null} />;
-
-<SingularTest onClick={cb} string="x" user={aUserRef} nullableUser={null} />;
-<SingularTest
+<SingularTestFragment onClick={cb} string="x" nullableUser={null} />;
+<SingularTestFragment
+  onClick={cb}
+  string="x"
+  // $FlowExpectedError - can't pass non-user ref for user
+  user={nonUserRef}
+  nullableUser={null}
+/>;
+<SingularTestFragment
+  // $FlowExpectedError - `cb` prop is not a function
+  onClick="cb"
+  string="x"
+  user={aUserRef}
+  nullableUser={null}
+/>;
+<SingularTestFragment
+  onClick={cb}
+  // $FlowExpectedError - `string` prop is not a string
+  string={1}
+  user={aUserRef}
+  nullableUser={null}
+/>;
+
+<SingularTestFragment
+  onClick={cb}
+  string="x"
+  user={aUserRef}
+  nullableUser={null}
+/>;
+<SingularTestFragment
   onClick={cb}
   string="x"
   user={aUserRef}
   nullableUser={aUserRef}
 />;
-<SingularTest
+<SingularTestFragment
   onClick={cb}
   string="x"
   user={aUserRef}
@@ -177,7 +201,7 @@ function cb(): void {}
 />;
 
 // $FlowExpectedError - onClick is required
-<SingularTest
+<SingularTestFragment
   string="x"
   user={aUserRef}
   nullableUser={null}
@@ -186,13 +210,13 @@ function cb(): void {}
 />;
 
 declare var aComplexUserRef: {
-  +$fragmentRefs: {thing1: true, ...} & RelayModernFlowtest_user$ref & {
+  +$fragmentSpreads: {thing1: true, ...} & RelayModernFlowtest_user$ref & {
       thing2: true,
       ...
     },
   ...
 };
-<SingularTest
+<SingularTestFragment
   string="x"
   onClick={cb}
   user={aComplexUserRef}
@@ -201,34 +225,42 @@ declare var aComplexUserRef: {
 />;
 
 // $FlowExpectedError - can't pass null for user
-<PluralTest users={null} nullableUsers={null} />;
+<PluralTestFragment users={null} nullableUsers={null} />;
 // $FlowExpectedError - users is required
-<PluralTest nullableUsers={null} />;
+<PluralTestFragment nullableUsers={null} />;
 // $FlowExpectedError - can't pass non-user refs for user
-<PluralTest users={[nonUserRef]} nullableUsers={null} />;
+<PluralTestFragment users={[nonUserRef]} nullableUsers={null} />;
 
-<PluralTest users={usersRef} nullableUsers={null} />;
+<PluralTestFragment users={usersRef} nullableUsers={null} />;
 
-<PluralTest
+<PluralTestFragment
   users={([oneOfUsersRef]: Array<typeof oneOfUsersRef>)}
   nullableUsers={null}
 />;
-<PluralTest users={[oneOfUsersRef]} nullableUsers={null} />;
+<PluralTestFragment users={[oneOfUsersRef]} nullableUsers={null} />;
 
-<PluralTest users={usersRef} nullableUsers={[oneOfUsersRef]} />;
-<PluralTest users={usersRef} nullableUsers={null} optionalUsers={usersRef} />;
-// $FlowExpectedError - optional, not nullable!
-<PluralTest users={usersRef} nullableUsers={null} optionalUsers={null} />;
+<PluralTestFragment users={usersRef} nullableUsers={[oneOfUsersRef]} />;
+<PluralTestFragment
+  users={usersRef}
+  nullableUsers={null}
+  optionalUsers={usersRef}
+/>;
+<PluralTestFragment
+  users={usersRef}
+  nullableUsers={null}
+  // $FlowExpectedError - optional, not nullable!
+  optionalUsers={null}
+/>;
 
 class AnyTest extends React.Component<{|
   anything: any,
 |}> {}
 const AnyTestContainer = createFragmentContainer(AnyTest, {});
 
-<AnyTest anything={42} />;
-<AnyTest anything={null} />;
-<AnyTest anything={() => {}} />;
+<AnyTestContainer anything={42} />;
+<AnyTestContainer anything={null} />;
+<AnyTestContainer anything={() => {}} />;
 // $FlowExpectedError - any other prop can not be passed
-<AnyTest anything={null} anythingElse={42} />;
+<AnyTestContainer anything={null} anythingElse={42} />;
 // $FlowExpectedError - anything has to be passed
-<AnyTest />;
+<AnyTestContainer />;

package/__flowtests__/RelayModernFlowtest_badref.graphql.js.flow

@@ -13,10 +13,11 @@
 'use strict';
 
 import type {RelayModernFlowtest_user$ref} from './RelayModernFlowtest_user.graphql';
-import type {FragmentReference} from 'relay-runtime';
-declare export opaque type RelayModernFlowtest_badref$ref: FragmentReference;
+import type {FragmentType} from 'relay-runtime';
+
+declare export opaque type RelayModernFlowtest_badref$ref: FragmentType;
 export type RelayModernFlowtest_badref = {|
   +id: string,
-  +$fragmentRefs: RelayModernFlowtest_user$ref,
-  +$refType: RelayModernFlowtest_badref$ref,
+  +$fragmentSpreads: RelayModernFlowtest_user$ref,
+  +$fragmentType: RelayModernFlowtest_badref$ref,
 |};

package/__flowtests__/RelayModernFlowtest_notref.graphql.js.flow

@@ -13,10 +13,11 @@
 'use strict';
 
 import type {RelayModernFlowtest_user$ref} from './RelayModernFlowtest_user.graphql';
-import type {FragmentReference} from 'relay-runtime';
-declare export opaque type RelayModernFlowtest_notref$ref: FragmentReference;
+import type {FragmentType} from 'relay-runtime';
+
+declare export opaque type RelayModernFlowtest_notref$ref: FragmentType;
 export type RelayModernFlowtest_notref = {|
   +id: string,
-  +$fragmentRefs: RelayModernFlowtest_user$ref,
-  +$refType: RelayModernFlowtest_notref$ref,
+  +$fragmentSpreads: RelayModernFlowtest_user$ref,
+  +$fragmentType: RelayModernFlowtest_notref$ref,
 |};

package/__flowtests__/RelayModernFlowtest_user.graphql.js.flow

@@ -12,9 +12,10 @@
 
 'use strict';
 
-import type {FragmentReference} from 'relay-runtime';
-declare export opaque type RelayModernFlowtest_user$ref: FragmentReference;
+import type {FragmentType} from 'relay-runtime';
+
+declare export opaque type RelayModernFlowtest_user$ref: FragmentType;
 export type RelayModernFlowtest_user = {|
   +name: ?string,
-  +$refType: RelayModernFlowtest_user$ref,
+  +$fragmentType: RelayModernFlowtest_user$ref,
 |};

package/__flowtests__/RelayModernFlowtest_users.graphql.js.flow

@@ -12,9 +12,10 @@
 
 'use strict';
 
-import type {FragmentReference} from 'relay-runtime';
-declare export opaque type RelayModernFlowtest_users$ref: FragmentReference;
+import type {FragmentType} from 'relay-runtime';
+
+declare export opaque type RelayModernFlowtest_users$ref: FragmentType;
 export type RelayModernFlowtest_users = $ReadOnlyArray<{|
   +name: ?string,
-  +$refType: RelayModernFlowtest_users$ref,
+  +$fragmentType: RelayModernFlowtest_users$ref,
 |}>;

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

@@ -0,0 +1,72 @@
+/**
+ * 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.
+ *
+ * @generated SignedSource<<19f712deffd1a0e40df03d0125844de6>>
+ * @flow
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* eslint-disable */
+
+'use strict';
+
+/*::
+import type { Fragment, ReaderFragment } from 'relay-runtime';
+import type { FragmentType } from "relay-runtime";
+declare export opaque type ReactRelayFragmentContainerFlowtest_viewer$fragmentType: FragmentType;
+export type ReactRelayFragmentContainerFlowtest_viewer$ref = ReactRelayFragmentContainerFlowtest_viewer$fragmentType;
+export type ReactRelayFragmentContainerFlowtest_viewer$data = {|
+  +actor: ?{|
+    +id: string,
+  |},
+  +$fragmentType: ReactRelayFragmentContainerFlowtest_viewer$fragmentType,
+|};
+export type ReactRelayFragmentContainerFlowtest_viewer = ReactRelayFragmentContainerFlowtest_viewer$data;
+export type ReactRelayFragmentContainerFlowtest_viewer$key = {
+  +$data?: ReactRelayFragmentContainerFlowtest_viewer$data,
+  +$fragmentSpreads: ReactRelayFragmentContainerFlowtest_viewer$fragmentType,
+  ...
+};
+*/
+
+var node/*: ReaderFragment*/ = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "ReactRelayFragmentContainerFlowtest_viewer",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": null,
+      "kind": "LinkedField",
+      "name": "actor",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Viewer",
+  "abstractKey": null
+};
+
+if (__DEV__) {
+  (node/*: any*/).hash = "75147ebd599fe1c406f2dfc7abb164f8";
+}
+
+module.exports = ((node/*: any*/)/*: Fragment<
+  ReactRelayFragmentContainerFlowtest_viewer$fragmentType,
+  ReactRelayFragmentContainerFlowtest_viewer$data,
+>*/);

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

@@ -0,0 +1,72 @@
+/**
+ * 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.
+ *
+ * @generated SignedSource<<88137405f8de7a0ced4a2af2bbf32a29>>
+ * @flow
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* eslint-disable */
+
+'use strict';
+
+/*::
+import type { Fragment, ReaderFragment } from 'relay-runtime';
+import type { FragmentType } from "relay-runtime";
+declare export opaque type ReactRelayFragmentContainerFlowtest_viewer2$fragmentType: FragmentType;
+export type ReactRelayFragmentContainerFlowtest_viewer2$ref = ReactRelayFragmentContainerFlowtest_viewer2$fragmentType;
+export type ReactRelayFragmentContainerFlowtest_viewer2$data = {|
+  +actor: ?{|
+    +id: string,
+  |},
+  +$fragmentType: ReactRelayFragmentContainerFlowtest_viewer2$fragmentType,
+|};
+export type ReactRelayFragmentContainerFlowtest_viewer2 = ReactRelayFragmentContainerFlowtest_viewer2$data;
+export type ReactRelayFragmentContainerFlowtest_viewer2$key = {
+  +$data?: ReactRelayFragmentContainerFlowtest_viewer2$data,
+  +$fragmentSpreads: ReactRelayFragmentContainerFlowtest_viewer2$fragmentType,
+  ...
+};
+*/
+
+var node/*: ReaderFragment*/ = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "ReactRelayFragmentContainerFlowtest_viewer2",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": null,
+      "kind": "LinkedField",
+      "name": "actor",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Viewer",
+  "abstractKey": null
+};
+
+if (__DEV__) {
+  (node/*: any*/).hash = "0f55965b7c9aca0d661ebdd96c70e384";
+}
+
+module.exports = ((node/*: any*/)/*: Fragment<
+  ReactRelayFragmentContainerFlowtest_viewer2$fragmentType,
+  ReactRelayFragmentContainerFlowtest_viewer2$data,
+>*/);

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

@@ -0,0 +1,227 @@
+/**
+ * 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.
+ *
+ * @generated SignedSource<<5522fec854de09ce0ae6f0046e721cd8>>
+ * @flow
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* eslint-disable */
+
+'use strict';
+
+/*::
+import type { ConcreteRequest, Query } from 'relay-runtime';
+type ReactRelayPaginationContainerFlowtest_viewer$fragmentType = any;
+export type ReactRelayPaginationContainerFlowtestQuery$variables = {|
+  count: number,
+  cursor?: ?string,
+|};
+export type ReactRelayPaginationContainerFlowtestQueryVariables = ReactRelayPaginationContainerFlowtestQuery$variables;
+export type ReactRelayPaginationContainerFlowtestQuery$data = {|
+  +viewer: ?{|
+    +$fragmentSpreads: ReactRelayPaginationContainerFlowtest_viewer$fragmentType,
+  |},
+|};
+export type ReactRelayPaginationContainerFlowtestQueryResponse = ReactRelayPaginationContainerFlowtestQuery$data;
+export type ReactRelayPaginationContainerFlowtestQuery = {|
+  variables: ReactRelayPaginationContainerFlowtestQueryVariables,
+  response: ReactRelayPaginationContainerFlowtestQuery$data,
+|};
+*/
+
+var node/*: ConcreteRequest*/ = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "count"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "cursor"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "after",
+    "variableName": "cursor"
+  },
+  {
+    "kind": "Variable",
+    "name": "first",
+    "variableName": "count"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ReactRelayPaginationContainerFlowtestQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          {
+            "args": null,
+            "kind": "FragmentSpread",
+            "name": "ReactRelayPaginationContainerFlowtest_viewer"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ReactRelayPaginationContainerFlowtestQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "User",
+            "kind": "LinkedField",
+            "name": "account_user",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": (v1/*: any*/),
+                "concreteType": "FriendsConnection",
+                "kind": "LinkedField",
+                "name": "friends",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "FriendsEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "User",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "__typename",
+                            "storageKey": null
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v1/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "ReactRelayPaginationContainerFlowtest_viewer__friends",
+                "kind": "LinkedHandle",
+                "name": "friends"
+              },
+              (v2/*: any*/)
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "92bf8d4e1f48e0016fbd6499173b3f39",
+    "id": null,
+    "metadata": {},
+    "name": "ReactRelayPaginationContainerFlowtestQuery",
+    "operationKind": "query",
+    "text": "query ReactRelayPaginationContainerFlowtestQuery(\n  $count: Int!\n  $cursor: ID\n) {\n  viewer {\n    ...ReactRelayPaginationContainerFlowtest_viewer\n  }\n}\n\nfragment ReactRelayPaginationContainerFlowtest_viewer on Viewer {\n  account_user {\n    friends(after: $cursor, first: $count) {\n      edges {\n        node {\n          __typename\n          id\n        }\n        cursor\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+if (__DEV__) {
+  (node/*: any*/).hash = "712afeafa1f51bfe391719629a0fcea0";
+}
+
+module.exports = ((node/*: any*/)/*: Query<
+  ReactRelayPaginationContainerFlowtestQuery$variables,
+  ReactRelayPaginationContainerFlowtestQuery$data,
+>*/);