diff --git a/CHANGELOG.yml b/CHANGELOG.yml index 6c9fa0f68ce..de1c86a0700 100644 --- a/CHANGELOG.yml +++ b/CHANGELOG.yml @@ -2,6 +2,23 @@ upcoming: version: 6.5.0 date: TBD dev: + - Create extractNodes helper for dealing with connections + - Rewrite selected tab bridge to push tab to react on tap - pepopowitz + - Track a screenview when the Sell tab is visited - pepopowitz + - Add viewing room cards - pavlos + - Remove storyLoader unused file - pavlos + - Add skeleton view for Artist Series - ashleyjelks, williardx, anandaroop + - Adds opening soon and closed states to viewing rooms - mdole + - New Payments menu item in the profile tab - david + - Create component for adding the new style generic page header PageWithSimpleHeader - david + - Create new modal component FancyModal - david + - Create new Select component - david + - Add change password screen - mounir + - Add change phone screen - mounir + - Add change name screen - mounir + - Add search functionality to Select component - david + - Home promo QA fixes - david + - Color filter QA fixes - brian - Remove noisy sentry errors - brian - Track referrer in universal links - brian - Migrates native code to Metaphysics v2 - ash diff --git a/package.json b/package.json index 5995bf516d2..8ba8d17c855 100644 --- a/package.json +++ b/package.json @@ -101,10 +101,11 @@ "react-native-reanimated": "1.4.0", "react-native-scrollable-tab-view": "1.0.0", "react-native-svg": "9.13.3", - "react-relay": "9.0.0", + "react-relay": "9.1.0", "react-spring": "8.0.23", "react-tracking": "7.2.1", "redux-logger": "3.0.6", + "relay-hooks": "3.5.1", "relay-runtime": "9.0.0", "remove-markdown": "0.1.0", "simple-markdown": "0.7.2", @@ -220,7 +221,7 @@ "hooks": { "post-merge": "pull-lock", "pre-commit": "lint-staged", - "pre-push": "yarn run type-check" + "pre-push": "yarn type-check" } }, "pull-lock": { diff --git a/patches/relay-hooks+3.5.1.patch b/patches/relay-hooks+3.5.1.patch new file mode 100644 index 00000000000..1058775b702 --- /dev/null +++ b/patches/relay-hooks+3.5.1.patch @@ -0,0 +1,54 @@ +diff --git a/node_modules/relay-hooks/lib/loadQuery.d.ts b/node_modules/relay-hooks/lib/loadQuery.d.ts +index 2f746da..8b42c6f 100644 +--- a/node_modules/relay-hooks/lib/loadQuery.d.ts ++++ b/node_modules/relay-hooks/lib/loadQuery.d.ts +@@ -6,5 +6,5 @@ export declare type LoadQuery RenderProps | Promise; + dispose: () => void; + }; +-export declare const loadLazyQuery: () => LoadQuery; +-export declare const loadQuery: () => LoadQuery; ++export declare const loadLazyQuery: () => LoadQuery; ++export declare const loadQuery: () => LoadQuery; +diff --git a/node_modules/relay-hooks/lib/useLazyLoadQuery.d.ts b/node_modules/relay-hooks/lib/useLazyLoadQuery.d.ts +index 8fca261..988bde3 100644 +--- a/node_modules/relay-hooks/lib/useLazyLoadQuery.d.ts ++++ b/node_modules/relay-hooks/lib/useLazyLoadQuery.d.ts +@@ -1,2 +1,3 @@ ++import { OperationType } from 'relay-runtime' + import { RenderProps, QueryOptions } from './RelayHooksType'; +-export declare const useLazyLoadQuery: (gqlQuery: any, variables?: TOperationType["variables"], options?: QueryOptions) => RenderProps; ++export declare const useLazyLoadQuery: (gqlQuery: any, variables?: TOperationType["variables"], options?: QueryOptions) => RenderProps; +diff --git a/node_modules/relay-hooks/lib/usePreloadedQuery.d.ts b/node_modules/relay-hooks/lib/usePreloadedQuery.d.ts +index fcaebd9..eaffddb 100644 +--- a/node_modules/relay-hooks/lib/usePreloadedQuery.d.ts ++++ b/node_modules/relay-hooks/lib/usePreloadedQuery.d.ts +@@ -1,3 +1,4 @@ +-import { LoadQuery } from './loadQuery'; ++import { OperationType } from 'relay-runtime' ++import { LoadQuery } from './loadQuery' + import { RenderProps } from './RelayHooksType'; +-export declare const usePreloadedQuery: (loadQuery: LoadQuery) => RenderProps; ++export declare const usePreloadedQuery: (loadQuery: LoadQuery) => RenderProps; +diff --git a/node_modules/relay-hooks/lib/useQuery.d.ts b/node_modules/relay-hooks/lib/useQuery.d.ts +index 3e6c0d8..8418c24 100644 +--- a/node_modules/relay-hooks/lib/useQuery.d.ts ++++ b/node_modules/relay-hooks/lib/useQuery.d.ts +@@ -1,5 +1,5 @@ +-import { GraphQLTaggedNode, OperationDescriptor, Variables } from 'relay-runtime'; ++import { GraphQLTaggedNode, OperationDescriptor, OperationType, Variables } from 'relay-runtime'; + import { RenderProps, QueryOptions } from './RelayHooksType'; + export declare function useDeepCompare(value: T): T; + export declare function useMemoOperationDescriptor(gqlQuery: GraphQLTaggedNode, variables: Variables): OperationDescriptor; +-export declare const useQuery: (gqlQuery: any, variables?: TOperationType["variables"], options?: QueryOptions) => RenderProps; ++export declare const useQuery: (gqlQuery: any, variables?: TOperationType["variables"], options?: QueryOptions) => RenderProps; +diff --git a/node_modules/relay-hooks/lib/useQueryFetcher.d.ts b/node_modules/relay-hooks/lib/useQueryFetcher.d.ts +index 839ba28..b727d59 100644 +--- a/node_modules/relay-hooks/lib/useQueryFetcher.d.ts ++++ b/node_modules/relay-hooks/lib/useQueryFetcher.d.ts +@@ -3,4 +3,4 @@ import { QueryFetcher } from './QueryFetcher'; + export declare type Reference = { + queryFetcher: QueryFetcher; + }; +-export declare const useQueryFetcher: (query?: any) => QueryFetcher; ++export declare const useQueryFetcher: (query?: any) => QueryFetcher; diff --git a/src/__generated__/ViewingRoomsListItem_item.graphql.ts b/src/__generated__/ViewingRoomsListItem_item.graphql.ts index 5ec8c3d0a75..87561206d07 100644 --- a/src/__generated__/ViewingRoomsListItem_item.graphql.ts +++ b/src/__generated__/ViewingRoomsListItem_item.graphql.ts @@ -4,9 +4,26 @@ import { ReaderFragment } from "relay-runtime"; import { FragmentRefs } from "relay-runtime"; export type ViewingRoomsListItem_item = { + readonly internalID: string; readonly title: string; readonly slug: string; - readonly internalID: string; + readonly heroImageURL: string | null; + readonly status: string; + readonly distanceToOpen: string | null; + readonly distanceToClose: string | null; + readonly partner: { + readonly name: string | null; + } | null; + readonly artworksConnection: { + readonly edges: ReadonlyArray<{ + readonly node: { + readonly image: { + readonly square: string | null; + readonly regular: string | null; + } | null; + } | null; + } | null> | null; + } | null; readonly " $refType": "ViewingRoomsListItem_item"; }; export type ViewingRoomsListItem_item$data = ViewingRoomsListItem_item; @@ -17,13 +34,28 @@ export type ViewingRoomsListItem_item$key = { -const node: ReaderFragment = { +const node: ReaderFragment = (function(){ +var v0 = [ + { + "kind": "Literal", + "name": "short", + "value": true + } +]; +return { "kind": "Fragment", "name": "ViewingRoomsListItem_item", "type": "ViewingRoom", "metadata": null, "argumentDefinitions": [], "selections": [ + { + "kind": "ScalarField", + "alias": null, + "name": "internalID", + "args": null, + "storageKey": null + }, { "kind": "ScalarField", "alias": null, @@ -41,11 +73,127 @@ const node: ReaderFragment = { { "kind": "ScalarField", "alias": null, - "name": "internalID", + "name": "heroImageURL", + "args": null, + "storageKey": null + }, + { + "kind": "ScalarField", + "alias": null, + "name": "status", "args": null, "storageKey": null + }, + { + "kind": "ScalarField", + "alias": null, + "name": "distanceToOpen", + "args": (v0/*: any*/), + "storageKey": "distanceToOpen(short:true)" + }, + { + "kind": "ScalarField", + "alias": null, + "name": "distanceToClose", + "args": (v0/*: any*/), + "storageKey": "distanceToClose(short:true)" + }, + { + "kind": "LinkedField", + "alias": null, + "name": "partner", + "storageKey": null, + "args": null, + "concreteType": "Partner", + "plural": false, + "selections": [ + { + "kind": "ScalarField", + "alias": null, + "name": "name", + "args": null, + "storageKey": null + } + ] + }, + { + "kind": "LinkedField", + "alias": null, + "name": "artworksConnection", + "storageKey": "artworksConnection(first:2)", + "args": [ + { + "kind": "Literal", + "name": "first", + "value": 2 + } + ], + "concreteType": "ArtworkConnection", + "plural": false, + "selections": [ + { + "kind": "LinkedField", + "alias": null, + "name": "edges", + "storageKey": null, + "args": null, + "concreteType": "ArtworkEdge", + "plural": true, + "selections": [ + { + "kind": "LinkedField", + "alias": null, + "name": "node", + "storageKey": null, + "args": null, + "concreteType": "Artwork", + "plural": false, + "selections": [ + { + "kind": "LinkedField", + "alias": null, + "name": "image", + "storageKey": null, + "args": null, + "concreteType": "Image", + "plural": false, + "selections": [ + { + "kind": "ScalarField", + "alias": "square", + "name": "url", + "args": [ + { + "kind": "Literal", + "name": "version", + "value": "square" + } + ], + "storageKey": "url(version:\"square\")" + }, + { + "kind": "ScalarField", + "alias": "regular", + "name": "url", + "args": [ + { + "kind": "Literal", + "name": "version", + "value": "larger" + } + ], + "storageKey": "url(version:\"larger\")" + } + ] + } + ] + } + ] + } + ] } ] }; -(node as any).hash = 'ac977cd9d6e1f4ec7ef92458879f314e'; +})(); +(node as any).hash = '0d6c3b96a5440ec971b7f0703bcc7e23'; export default node; diff --git a/src/__generated__/ViewingRoomsListQuery.graphql.ts b/src/__generated__/ViewingRoomsListQuery.graphql.ts index 16f5f09b791..e71d3df7765 100644 --- a/src/__generated__/ViewingRoomsListQuery.graphql.ts +++ b/src/__generated__/ViewingRoomsListQuery.graphql.ts @@ -1,14 +1,15 @@ /* tslint:disable */ /* eslint-disable */ -/* @relayHash ef5fa8335262086d86838c3edd84cb5e */ +/* @relayHash 59963ab6b84f8d1974abc0359f111017 */ import { ConcreteRequest } from "relay-runtime"; import { FragmentRefs } from "relay-runtime"; -export type ViewingRoomsListQueryVariables = {}; +export type ViewingRoomsListQueryVariables = { + count: number; + after?: string | null; +}; export type ViewingRoomsListQueryResponse = { - readonly viewingRooms: { - readonly " $fragmentRefs": FragmentRefs<"ViewingRoomsList_viewingRooms">; - } | null; + readonly " $fragmentRefs": FragmentRefs<"ViewingRoomsList_query">; }; export type ViewingRoomsListQuery = { readonly response: ViewingRoomsListQueryResponse; @@ -18,50 +19,116 @@ export type ViewingRoomsListQuery = { /* -query ViewingRoomsListQuery { - viewingRooms { - ...ViewingRoomsList_viewingRooms - } +query ViewingRoomsListQuery( + $count: Int! + $after: String +) { + ...ViewingRoomsList_query_2QE1um } fragment ViewingRoomsListItem_item on ViewingRoom { + internalID title slug - internalID + heroImageURL + status + distanceToOpen(short: true) + distanceToClose(short: true) + partner { + name + id + } + artworksConnection(first: 2) { + edges { + node { + image { + square: url(version: "square") + regular: url(version: "larger") + } + id + } + } + } } -fragment ViewingRoomsList_viewingRooms on ViewingRoomConnection { - edges { - node { - status - ...ViewingRoomsListItem_item +fragment ViewingRoomsList_query_2QE1um on Query { + viewingRooms(first: $count, after: $after) { + edges { + node { + internalID + ...ViewingRoomsListItem_item + __typename + } + cursor + } + pageInfo { + endCursor + hasNextPage } } } */ -const node: ConcreteRequest = { +const node: ConcreteRequest = (function(){ +var v0 = [ + { + "kind": "LocalArgument", + "name": "count", + "type": "Int!", + "defaultValue": null + }, + { + "kind": "LocalArgument", + "name": "after", + "type": "String", + "defaultValue": null + } +], +v1 = { + "kind": "Variable", + "name": "after", + "variableName": "after" +}, +v2 = [ + (v1/*: any*/), + { + "kind": "Variable", + "name": "first", + "variableName": "count" + } +], +v3 = [ + { + "kind": "Literal", + "name": "short", + "value": true + } +], +v4 = { + "kind": "ScalarField", + "alias": null, + "name": "id", + "args": null, + "storageKey": null +}; +return { "kind": "Request", "fragment": { "kind": "Fragment", "name": "ViewingRoomsListQuery", "type": "Query", "metadata": null, - "argumentDefinitions": [], + "argumentDefinitions": (v0/*: any*/), "selections": [ { - "kind": "LinkedField", - "alias": null, - "name": "viewingRooms", - "storageKey": null, - "args": null, - "concreteType": "ViewingRoomConnection", - "plural": false, - "selections": [ + "kind": "FragmentSpread", + "name": "ViewingRoomsList_query", + "args": [ + (v1/*: any*/), { - "kind": "FragmentSpread", - "name": "ViewingRoomsList_viewingRooms", - "args": null + "kind": "Variable", + "name": "count", + "variableName": "count" } ] } @@ -70,14 +137,14 @@ const node: ConcreteRequest = { "operation": { "kind": "Operation", "name": "ViewingRoomsListQuery", - "argumentDefinitions": [], + "argumentDefinitions": (v0/*: any*/), "selections": [ { "kind": "LinkedField", "alias": null, "name": "viewingRooms", "storageKey": null, - "args": null, + "args": (v2/*: any*/), "concreteType": "ViewingRoomConnection", "plural": false, "selections": [ @@ -102,7 +169,7 @@ const node: ConcreteRequest = { { "kind": "ScalarField", "alias": null, - "name": "status", + "name": "internalID", "args": null, "storageKey": null }, @@ -123,25 +190,191 @@ const node: ConcreteRequest = { { "kind": "ScalarField", "alias": null, - "name": "internalID", + "name": "heroImageURL", + "args": null, + "storageKey": null + }, + { + "kind": "ScalarField", + "alias": null, + "name": "status", + "args": null, + "storageKey": null + }, + { + "kind": "ScalarField", + "alias": null, + "name": "distanceToOpen", + "args": (v3/*: any*/), + "storageKey": "distanceToOpen(short:true)" + }, + { + "kind": "ScalarField", + "alias": null, + "name": "distanceToClose", + "args": (v3/*: any*/), + "storageKey": "distanceToClose(short:true)" + }, + { + "kind": "LinkedField", + "alias": null, + "name": "partner", + "storageKey": null, + "args": null, + "concreteType": "Partner", + "plural": false, + "selections": [ + { + "kind": "ScalarField", + "alias": null, + "name": "name", + "args": null, + "storageKey": null + }, + (v4/*: any*/) + ] + }, + { + "kind": "LinkedField", + "alias": null, + "name": "artworksConnection", + "storageKey": "artworksConnection(first:2)", + "args": [ + { + "kind": "Literal", + "name": "first", + "value": 2 + } + ], + "concreteType": "ArtworkConnection", + "plural": false, + "selections": [ + { + "kind": "LinkedField", + "alias": null, + "name": "edges", + "storageKey": null, + "args": null, + "concreteType": "ArtworkEdge", + "plural": true, + "selections": [ + { + "kind": "LinkedField", + "alias": null, + "name": "node", + "storageKey": null, + "args": null, + "concreteType": "Artwork", + "plural": false, + "selections": [ + { + "kind": "LinkedField", + "alias": null, + "name": "image", + "storageKey": null, + "args": null, + "concreteType": "Image", + "plural": false, + "selections": [ + { + "kind": "ScalarField", + "alias": "square", + "name": "url", + "args": [ + { + "kind": "Literal", + "name": "version", + "value": "square" + } + ], + "storageKey": "url(version:\"square\")" + }, + { + "kind": "ScalarField", + "alias": "regular", + "name": "url", + "args": [ + { + "kind": "Literal", + "name": "version", + "value": "larger" + } + ], + "storageKey": "url(version:\"larger\")" + } + ] + }, + (v4/*: any*/) + ] + } + ] + } + ] + }, + { + "kind": "ScalarField", + "alias": null, + "name": "__typename", "args": null, "storageKey": null } ] + }, + { + "kind": "ScalarField", + "alias": null, + "name": "cursor", + "args": null, + "storageKey": null + } + ] + }, + { + "kind": "LinkedField", + "alias": null, + "name": "pageInfo", + "storageKey": null, + "args": null, + "concreteType": "PageInfo", + "plural": false, + "selections": [ + { + "kind": "ScalarField", + "alias": null, + "name": "endCursor", + "args": null, + "storageKey": null + }, + { + "kind": "ScalarField", + "alias": null, + "name": "hasNextPage", + "args": null, + "storageKey": null } ] } ] + }, + { + "kind": "LinkedHandle", + "alias": null, + "name": "viewingRooms", + "args": (v2/*: any*/), + "handle": "connection", + "key": "ViewingRoomsList_viewingRooms", + "filters": null } ] }, "params": { "operationKind": "query", "name": "ViewingRoomsListQuery", - "id": "beba76c0480d2edade751bc663f27899", + "id": "02adf579b573fa943b50f6a1cd077958", "text": null, "metadata": {} } }; -(node as any).hash = '698e92c607dd3c8aacd4581bdcd064ef'; +})(); +(node as any).hash = '5ecfe7155571275828a9adbc5dfcedef'; export default node; diff --git a/src/__generated__/ViewingRoomsListTestsQuery.graphql.ts b/src/__generated__/ViewingRoomsListTestsQuery.graphql.ts deleted file mode 100644 index ead3f7025c1..00000000000 --- a/src/__generated__/ViewingRoomsListTestsQuery.graphql.ts +++ /dev/null @@ -1,147 +0,0 @@ -/* tslint:disable */ -/* eslint-disable */ -/* @relayHash bddf869d54132ee0c6e2d308f95fe1b1 */ - -import { ConcreteRequest } from "relay-runtime"; -import { FragmentRefs } from "relay-runtime"; -export type ViewingRoomsListTestsQueryVariables = {}; -export type ViewingRoomsListTestsQueryResponse = { - readonly viewingRooms: { - readonly " $fragmentRefs": FragmentRefs<"ViewingRoomsList_viewingRooms">; - } | null; -}; -export type ViewingRoomsListTestsQuery = { - readonly response: ViewingRoomsListTestsQueryResponse; - readonly variables: ViewingRoomsListTestsQueryVariables; -}; - - - -/* -query ViewingRoomsListTestsQuery { - viewingRooms { - ...ViewingRoomsList_viewingRooms - } -} - -fragment ViewingRoomsListItem_item on ViewingRoom { - title - slug - internalID -} - -fragment ViewingRoomsList_viewingRooms on ViewingRoomConnection { - edges { - node { - status - ...ViewingRoomsListItem_item - } - } -} -*/ - -const node: ConcreteRequest = { - "kind": "Request", - "fragment": { - "kind": "Fragment", - "name": "ViewingRoomsListTestsQuery", - "type": "Query", - "metadata": null, - "argumentDefinitions": [], - "selections": [ - { - "kind": "LinkedField", - "alias": null, - "name": "viewingRooms", - "storageKey": null, - "args": null, - "concreteType": "ViewingRoomConnection", - "plural": false, - "selections": [ - { - "kind": "FragmentSpread", - "name": "ViewingRoomsList_viewingRooms", - "args": null - } - ] - } - ] - }, - "operation": { - "kind": "Operation", - "name": "ViewingRoomsListTestsQuery", - "argumentDefinitions": [], - "selections": [ - { - "kind": "LinkedField", - "alias": null, - "name": "viewingRooms", - "storageKey": null, - "args": null, - "concreteType": "ViewingRoomConnection", - "plural": false, - "selections": [ - { - "kind": "LinkedField", - "alias": null, - "name": "edges", - "storageKey": null, - "args": null, - "concreteType": "ViewingRoomEdge", - "plural": true, - "selections": [ - { - "kind": "LinkedField", - "alias": null, - "name": "node", - "storageKey": null, - "args": null, - "concreteType": "ViewingRoom", - "plural": false, - "selections": [ - { - "kind": "ScalarField", - "alias": null, - "name": "status", - "args": null, - "storageKey": null - }, - { - "kind": "ScalarField", - "alias": null, - "name": "title", - "args": null, - "storageKey": null - }, - { - "kind": "ScalarField", - "alias": null, - "name": "slug", - "args": null, - "storageKey": null - }, - { - "kind": "ScalarField", - "alias": null, - "name": "internalID", - "args": null, - "storageKey": null - } - ] - } - ] - } - ] - } - ] - }, - "params": { - "operationKind": "query", - "name": "ViewingRoomsListTestsQuery", - "id": "ad015e20e67d10a73506841a2648978a", - "text": null, - "metadata": {} - } -}; -(node as any).hash = '7757aa832d0e118564694345a4ec37fd'; -export default node; diff --git a/src/__generated__/ViewingRoomsList_query.graphql.ts b/src/__generated__/ViewingRoomsList_query.graphql.ts new file mode 100644 index 00000000000..3e72d29963e --- /dev/null +++ b/src/__generated__/ViewingRoomsList_query.graphql.ts @@ -0,0 +1,143 @@ +/* tslint:disable */ +/* eslint-disable */ + +import { ReaderFragment } from "relay-runtime"; +import { FragmentRefs } from "relay-runtime"; +export type ViewingRoomsList_query = { + readonly viewingRooms: { + readonly edges: ReadonlyArray<{ + readonly node: { + readonly internalID: string; + readonly " $fragmentRefs": FragmentRefs<"ViewingRoomsListItem_item">; + } | null; + } | null> | null; + } | null; + readonly " $refType": "ViewingRoomsList_query"; +}; +export type ViewingRoomsList_query$data = ViewingRoomsList_query; +export type ViewingRoomsList_query$key = { + readonly " $data"?: ViewingRoomsList_query$data; + readonly " $fragmentRefs": FragmentRefs<"ViewingRoomsList_query">; +}; + + + +const node: ReaderFragment = { + "kind": "Fragment", + "name": "ViewingRoomsList_query", + "type": "Query", + "metadata": { + "connection": [ + { + "count": "count", + "cursor": "after", + "direction": "forward", + "path": [ + "viewingRooms" + ] + } + ] + }, + "argumentDefinitions": [ + { + "kind": "LocalArgument", + "name": "count", + "type": "Int", + "defaultValue": null + }, + { + "kind": "LocalArgument", + "name": "after", + "type": "String", + "defaultValue": null + } + ], + "selections": [ + { + "kind": "LinkedField", + "alias": "viewingRooms", + "name": "__ViewingRoomsList_viewingRooms_connection", + "storageKey": null, + "args": null, + "concreteType": "ViewingRoomConnection", + "plural": false, + "selections": [ + { + "kind": "LinkedField", + "alias": null, + "name": "edges", + "storageKey": null, + "args": null, + "concreteType": "ViewingRoomEdge", + "plural": true, + "selections": [ + { + "kind": "LinkedField", + "alias": null, + "name": "node", + "storageKey": null, + "args": null, + "concreteType": "ViewingRoom", + "plural": false, + "selections": [ + { + "kind": "ScalarField", + "alias": null, + "name": "internalID", + "args": null, + "storageKey": null + }, + { + "kind": "ScalarField", + "alias": null, + "name": "__typename", + "args": null, + "storageKey": null + }, + { + "kind": "FragmentSpread", + "name": "ViewingRoomsListItem_item", + "args": null + } + ] + }, + { + "kind": "ScalarField", + "alias": null, + "name": "cursor", + "args": null, + "storageKey": null + } + ] + }, + { + "kind": "LinkedField", + "alias": null, + "name": "pageInfo", + "storageKey": null, + "args": null, + "concreteType": "PageInfo", + "plural": false, + "selections": [ + { + "kind": "ScalarField", + "alias": null, + "name": "endCursor", + "args": null, + "storageKey": null + }, + { + "kind": "ScalarField", + "alias": null, + "name": "hasNextPage", + "args": null, + "storageKey": null + } + ] + } + ] + } + ] +}; +(node as any).hash = '66489213bd7fb7dee0cb76bdc62ffb1d'; +export default node; diff --git a/src/__generated__/ViewingRoomsList_viewingRooms.graphql.ts b/src/__generated__/ViewingRoomsList_viewingRooms.graphql.ts deleted file mode 100644 index 66d3dfe9baa..00000000000 --- a/src/__generated__/ViewingRoomsList_viewingRooms.graphql.ts +++ /dev/null @@ -1,67 +0,0 @@ -/* tslint:disable */ -/* eslint-disable */ - -import { ReaderFragment } from "relay-runtime"; -import { FragmentRefs } from "relay-runtime"; -export type ViewingRoomsList_viewingRooms = { - readonly edges: ReadonlyArray<{ - readonly node: { - readonly status: string; - readonly " $fragmentRefs": FragmentRefs<"ViewingRoomsListItem_item">; - } | null; - } | null> | null; - readonly " $refType": "ViewingRoomsList_viewingRooms"; -}; -export type ViewingRoomsList_viewingRooms$data = ViewingRoomsList_viewingRooms; -export type ViewingRoomsList_viewingRooms$key = { - readonly " $data"?: ViewingRoomsList_viewingRooms$data; - readonly " $fragmentRefs": FragmentRefs<"ViewingRoomsList_viewingRooms">; -}; - - - -const node: ReaderFragment = { - "kind": "Fragment", - "name": "ViewingRoomsList_viewingRooms", - "type": "ViewingRoomConnection", - "metadata": null, - "argumentDefinitions": [], - "selections": [ - { - "kind": "LinkedField", - "alias": null, - "name": "edges", - "storageKey": null, - "args": null, - "concreteType": "ViewingRoomEdge", - "plural": true, - "selections": [ - { - "kind": "LinkedField", - "alias": null, - "name": "node", - "storageKey": null, - "args": null, - "concreteType": "ViewingRoom", - "plural": false, - "selections": [ - { - "kind": "ScalarField", - "alias": null, - "name": "status", - "args": null, - "storageKey": null - }, - { - "kind": "FragmentSpread", - "name": "ViewingRoomsListItem_item", - "args": null - } - ] - } - ] - } - ] -}; -(node as any).hash = '050cc1ec0c6d513e3da27a382ce605ae'; -export default node; diff --git a/src/lib/AppRegistry.tsx b/src/lib/AppRegistry.tsx index 18106760f4d..30fb80efe2b 100644 --- a/src/lib/AppRegistry.tsx +++ b/src/lib/AppRegistry.tsx @@ -1,5 +1,7 @@ +import { defaultEnvironment } from "lib/relay/createEnvironment" import React from "react" import { AppRegistry, View, YellowBox } from "react-native" +import { RelayEnvironmentProvider } from "relay-hooks" import { Theme } from "@artsy/palette" import { SafeAreaInsets } from "lib/types/SafeAreaInsets" @@ -274,13 +276,15 @@ class PageWrapper extends React.Component { render() { return ( - - <_FancyModalPageWrapper> - - - - - + + + <_FancyModalPageWrapper> + + + + + + ) } diff --git a/src/lib/Scenes/ViewingRoom/Components/ViewingRoomsListItem.tsx b/src/lib/Scenes/ViewingRoom/Components/ViewingRoomsListItem.tsx index 67cc087c434..a17efda4095 100644 --- a/src/lib/Scenes/ViewingRoom/Components/ViewingRoomsListItem.tsx +++ b/src/lib/Scenes/ViewingRoom/Components/ViewingRoomsListItem.tsx @@ -1,20 +1,86 @@ -import { color, Sans } from "@artsy/palette" -import { ViewingRoomsListItem_item } from "__generated__/ViewingRoomsListItem_item.graphql" +import { CardTagProps, color, SmallCard } from "@artsy/palette" +import { ViewingRoomsListItem_item$key } from "__generated__/ViewingRoomsListItem_item.graphql" import SwitchBoard from "lib/NativeModules/SwitchBoard" +import { extractNodes } from "lib/utils/extractNodes" import { Schema } from "lib/utils/track" import React, { useRef } from "react" import { TouchableHighlight, View } from "react-native" -import { createFragmentContainer, graphql } from "react-relay" import { useTracking } from "react-tracking" +import { graphql, useFragment } from "relay-hooks" -interface ViewingRoomsListItemProps { - item: ViewingRoomsListItem_item +const tagForStatus = ( + status: string, + distanceToOpen: string | null, + distanceToClose: string | null +): CardTagProps | undefined => { + switch (status) { + case "closed": + return { text: "Closed", textColor: "white100", color: "black100" } + case "live": + if (distanceToClose === null) { + return undefined + } + return { + text: `${distanceToClose} left`, + textColor: "purple100", + color: "white100", + borderColor: "black5", + } + case "scheduled": + if (distanceToOpen === null) { + return undefined + } + return { text: "Opening soon", textColor: "white100", color: "black100" } + } + return undefined +} + +const fragmentSpec = graphql` + fragment ViewingRoomsListItem_item on ViewingRoom { + internalID + title + slug + heroImageURL + status + distanceToOpen(short: true) + distanceToClose(short: true) + partner { + name + } + artworksConnection(first: 2) { + edges { + node { + image { + square: url(version: "square") + regular: url(version: "larger") + } + } + } + } + } +` + +export interface ViewingRoomsListItemProps { + item: ViewingRoomsListItem_item$key } export const ViewingRoomsListItem: React.FC = props => { - const { slug, title, internalID } = props.item + const item = useFragment(fragmentSpec, props.item) + const { slug, internalID, heroImageURL, title, status, distanceToClose, distanceToOpen } = item const navRef = useRef(null) const tracking = useTracking() + + const tag = tagForStatus(status, distanceToOpen, distanceToClose) + + const extractedArtworks = extractNodes(item.artworksConnection) + let artworks: string[] = [] + if (extractedArtworks.length === 1) { + artworks = extractedArtworks.map(a => a.image!.regular!) + } else if (extractedArtworks.length > 1) { + artworks = extractedArtworks.map(a => a.image!.square!) + } + const images = [heroImageURL!, ...artworks] + return ( = props = tracking.trackEvent({ ...tracks.context(internalID, slug), }) - SwitchBoard.presentNavigationViewController(navRef.current!, `viewing-room/${slug!}`) + SwitchBoard.presentNavigationViewController(navRef.current!, `/viewing-room/${slug!}`) }} underlayColor={color("white100")} activeOpacity={0.8} > - {title} + ) @@ -56,13 +122,3 @@ export const tracks = { } }, } - -export const ViewingRoomsListItemFragmentContainer = createFragmentContainer(ViewingRoomsListItem, { - item: graphql` - fragment ViewingRoomsListItem_item on ViewingRoom { - title - slug - internalID - } - `, -}) diff --git a/src/lib/Scenes/ViewingRoom/ViewingRoomsList.tsx b/src/lib/Scenes/ViewingRoom/ViewingRoomsList.tsx index 8dced383d1c..d6039dd45a5 100644 --- a/src/lib/Scenes/ViewingRoom/ViewingRoomsList.tsx +++ b/src/lib/Scenes/ViewingRoom/ViewingRoomsList.tsx @@ -1,67 +1,140 @@ -import { Flex, Sans, Separator, Theme } from "@artsy/palette" -import { ViewingRoomsList_viewingRooms } from "__generated__/ViewingRoomsList_viewingRooms.graphql" -import { ViewingRoomsListQuery } from "__generated__/ViewingRoomsListQuery.graphql" -import { defaultEnvironment } from "lib/relay/createEnvironment" +import { Box, Flex, Sans, Separator, space, Spacer } from "@artsy/palette" +import { ViewingRoomsList_query$key } from "__generated__/ViewingRoomsList_query.graphql" +import Spinner from "lib/Components/Spinner" +import { PAGE_SIZE } from "lib/data/constants" import { extractNodes } from "lib/utils/extractNodes" -import renderWithLoadProgress from "lib/utils/renderWithLoadProgress" +import { LoadingTestID } from "lib/utils/renderWithLoadProgress" +import { useScreenDimensions } from "lib/utils/useScreenDimensions" import _ from "lodash" import React from "react" -import { FlatList, View } from "react-native" -import { createFragmentContainer, graphql, QueryRenderer } from "react-relay" -import { ViewingRoomsListItemFragmentContainer } from "./Components/ViewingRoomsListItem" +import { FlatList } from "react-native" +import { ConnectionConfig } from "react-relay" +import { graphql, usePagination, useQuery } from "relay-hooks" +import { ViewingRoomsListItem } from "./Components/ViewingRoomsListItem" -interface ViewingRoomsListProps { - viewingRooms: ViewingRoomsList_viewingRooms -} - -export const ViewingRoomsList: React.FC = props => { - const viewingRooms = extractNodes(props.viewingRooms) - const viewingRoomsToDisplay = viewingRooms.filter(vr => vr.status === "live" || vr.status === "scheduled") - - return ( - - - - - Viewing Rooms - - - } - /> - - - - ) -} +const FeaturedRail = () => -export const ViewingRoomsListFragmentContainer = createFragmentContainer(ViewingRoomsList, { - viewingRooms: graphql` - fragment ViewingRoomsList_viewingRooms on ViewingRoomConnection { +const fragmentSpec = graphql` + fragment ViewingRoomsList_query on Query @argumentDefinitions(count: { type: "Int" }, after: { type: "String" }) { + viewingRooms(first: $count, after: $after) @connection(key: "ViewingRoomsList_viewingRooms") { edges { node { - status + internalID ...ViewingRoomsListItem_item } } } - `, -}) + } +` + +const useNumColumns = () => { + const { width, orientation } = useScreenDimensions() + const isIPad = width > 700 + + if (!isIPad) { + return 1 + } + + return orientation === "portrait" ? 2 : 3 +} + +// keeps reloading more and more + +interface ViewingRoomsListProps { + query: ViewingRoomsList_query$key +} + +export const ViewingRoomsListContainer: React.FC = props => { + const [queryData, { isLoading, hasMore, loadMore }] = usePagination(fragmentSpec, props.query) + const viewingRooms = extractNodes(queryData.viewingRooms) + + const _loadMore = () => { + if (!hasMore() || isLoading()) { + return + } + loadMore(connectionConfig, PAGE_SIZE) + } + + const numColumns = useNumColumns() -export const ViewingRoomsListQueryRenderer: React.FC<{}> = () => { return ( - - environment={defaultEnvironment} - query={graphql` - query ViewingRoomsListQuery { - viewingRooms { - ...ViewingRoomsList_viewingRooms - } - } - `} - variables={{}} - render={renderWithLoadProgress(ViewingRoomsListFragmentContainer)} - /> + + + Viewing Rooms + + + {numColumns === 1 ? ( + ( + <> + Featured + + Latest + + + )} + data={viewingRooms} + keyExtractor={item => item.internalID} + renderItem={({ item }) => } + ItemSeparatorComponent={() => } + onEndReached={_loadMore} + onEndReachedThreshold={1} + /> + ) : ( + ( + <> + Featured + + Latest + + + )} + key={`${numColumns}`} + numColumns={numColumns} + data={viewingRooms} + keyExtractor={item => `${item.internalID}-${numColumns}`} + renderItem={({ item, index }) => ( + <> + {index % numColumns > 0 && } + + + + + )} + ItemSeparatorComponent={() => } + onEndReached={_loadMore} + onEndReachedThreshold={1} + /> + )} + ) } + +const query = graphql` + query ViewingRoomsListQuery($count: Int!, $after: String) { + ...ViewingRoomsList_query @arguments(count: $count, after: $after) + } +` + +const connectionConfig: ConnectionConfig = { + query, + getVariables: (_props, { count, cursor }, _fragmentVariables) => ({ + count, + after: cursor, + }), +} + +export const ViewingRoomsListQueryRenderer: React.FC = () => { + const { props, error } = useQuery(query, { count: PAGE_SIZE }) + + if (props) { + return + } + if (error) { + throw error + } + return +} diff --git a/src/lib/Scenes/ViewingRoom/__tests__/ViewingRoomsList-tests.tsx b/src/lib/Scenes/ViewingRoom/__tests__/ViewingRoomsList-tests.tsx index e81de2d5387..487f316d203 100644 --- a/src/lib/Scenes/ViewingRoom/__tests__/ViewingRoomsList-tests.tsx +++ b/src/lib/Scenes/ViewingRoom/__tests__/ViewingRoomsList-tests.tsx @@ -1,70 +1,36 @@ -import { ViewingRoomsListTestsQuery } from "__generated__/ViewingRoomsListTestsQuery.graphql" -import renderWithLoadProgress from "lib/utils/renderWithLoadProgress" import React from "react" -import { graphql, QueryRenderer } from "react-relay" import ReactTestRenderer from "react-test-renderer" +import { RelayEnvironmentProvider } from "relay-hooks" import { createMockEnvironment, MockPayloadGenerator } from "relay-test-utils" -import { ViewingRoomsListItemFragmentContainer } from "../Components/ViewingRoomsListItem" -import { ViewingRoomsListFragmentContainer } from "../ViewingRoomsList" +import { ViewingRoomsListItem } from "../Components/ViewingRoomsListItem" +import { ViewingRoomsListQueryRenderer } from "../ViewingRoomsList" jest.unmock("react-relay") describe("ViewingRoomsList", () => { let mockEnvironment: ReturnType const TestRenderer = () => ( - - environment={mockEnvironment} - query={graphql` - query ViewingRoomsListTestsQuery { - viewingRooms { - ...ViewingRoomsList_viewingRooms - } - } - `} - render={renderWithLoadProgress(ViewingRoomsListFragmentContainer)} - variables={{}} - /> + + + ) + beforeEach(() => { mockEnvironment = createMockEnvironment() }) - it("renders scheduled and live viewing rooms", () => { + it("renders viewing rooms", () => { const tree = ReactTestRenderer.create() - mockEnvironment.mock.resolveMostRecentOperation(operation => { - const result = MockPayloadGenerator.generate(operation, { - ViewingRoomConnection: () => ({ - edges: [ - { - node: { - status: "draft", - }, - }, - { - node: { - status: "draft", - }, - }, - { - node: { - status: "live", - }, - }, - { - node: { - status: "closed", - }, - }, - { - node: { - status: "scheduled", - }, - }, - ], + + mockEnvironment.mock.resolveMostRecentOperation(operation => + MockPayloadGenerator.generate(operation, { + Query: () => ({ + viewingRooms: { + edges: [{ node: { title: "one" } }, { node: { title: "two" } }], + }, }), }) - return result - }) - expect(tree.root.findAllByType(ViewingRoomsListItemFragmentContainer)).toHaveLength(2) + ) + expect(tree.root.findAllByType(ViewingRoomsListItem)).toHaveLength(2) }) }) diff --git a/storybook/storyLoader.js b/storybook/storyLoader.js deleted file mode 100644 index 0ad061311a4..00000000000 --- a/storybook/storyLoader.js +++ /dev/null @@ -1,112 +0,0 @@ - -// Auto-generated file created by react-native-storybook-loader -// Do not edit. -// -// https://github.com/elderfo/react-native-storybook-loader.git - -function loadStories() { - require('../src/lib/Components/Artist/__stories__/ArtistArticles.story'); - require('../src/lib/Components/Artist/__stories__/ArtistHeader.story'); - require('../src/lib/Components/Bidding/Components/__stories__/Checkbox.story'); - require('../src/lib/Components/Bidding/Components/__stories__/Input.story'); - require('../src/lib/Components/Bidding/Components/__stories__/Timer.story'); - require('../src/lib/Components/Bidding/Screens/__stories__/BidResult.story'); - require('../src/lib/Components/Bidding/Screens/__stories__/RegistrationResult.story'); - require('../src/lib/Components/Bidding/__stories__/BidFlow.story'); - require('../src/lib/Components/Buttons/__stories__/Buttons.story'); - require('../src/lib/Components/Consignments/__stories__/BottomAligned.story'); - require('../src/lib/Components/Consignments/__stories__/Consignments.story'); - require('../src/lib/Components/Consignments/__stories__/ImageSelection.story'); - require('../src/lib/Components/Consignments/__stories__/Search.story'); - require('../src/lib/Components/Consignments/__stories__/Style.story'); - require('../src/lib/Components/Consignments/__stories__/Todo.story'); - require('../src/lib/Components/Inbox/ActiveBids/__stories__/ActiveBids.story'); - require('../src/lib/Components/Inbox/Conversations/__stories__/ArtworkPreview.story'); - require('../src/lib/Components/Inbox/Conversations/__stories__/Avatar.story'); - require('../src/lib/Components/Inbox/Conversations/__stories__/Composer.story'); - require('../src/lib/Components/Inbox/Conversations/__stories__/ConversationSnippet.story'); - require('../src/lib/Components/Inbox/Conversations/__stories__/Inbox.story'); - require('../src/lib/Components/Inbox/Conversations/__stories__/Message.story'); - require('../src/lib/Components/Inbox/Conversations/__stories__/ZeroStateInbox.story'); - require('../src/lib/Components/States/__stories__/ZeroState.story'); - require('../src/lib/Components/Text/__stories__/Typography.story'); - require('../src/lib/Components/__stories__/DottedLine.story'); - require('../src/lib/Components/__stories__/Markdown.story'); - require('../src/lib/Components/__stories__/Modal.story'); - require('../src/lib/Components/__stories__/TabBar.story'); - require('../src/lib/Components/__stories__/Video.story'); - require('../src/lib/Containers/__stories__/Artist.story'); - require('../src/lib/Containers/__stories__/Gene.story'); - require('../src/lib/Containers/__stories__/Inquiry.story'); - require('../src/lib/Scenes/Artwork/Components/__stories__/AboutWork.story'); - require('../src/lib/Scenes/Artwork/Components/__stories__/ArtworkActions.story'); - require('../src/lib/Scenes/Artwork/Components/__stories__/ArtworkDetails.story'); - require('../src/lib/Scenes/Artwork/Components/__stories__/ArtworkHistory.story'); - require('../src/lib/Scenes/Artwork/Components/__stories__/ArtworkTombstone.story'); - require('../src/lib/Scenes/Artwork/__stories__/Artwork.story'); - require('../src/lib/Scenes/Collection/__stories__/Collection.story'); - require('../src/lib/Scenes/Fair/__stories__/Fair.story'); - require('../src/lib/Scenes/Favorites/__stories__/Favorites.story'); - require('../src/lib/Scenes/Home/Components/Sales/Components/__stories__/LotsByFollowedArtists.story'); - require('../src/lib/Scenes/Map/__stories__/Map.story'); - require('../src/lib/Scenes/Search/__stories__/Search.story'); - require('../src/lib/Scenes/Settings/__stories__/Settings.story'); - require('../src/lib/Scenes/Show/__stories__/Show.story'); - -} - -const stories = [ - '../src/lib/Components/Artist/__stories__/ArtistArticles.story', - '../src/lib/Components/Artist/__stories__/ArtistHeader.story', - '../src/lib/Components/Bidding/Components/__stories__/Checkbox.story', - '../src/lib/Components/Bidding/Components/__stories__/Input.story', - '../src/lib/Components/Bidding/Components/__stories__/Timer.story', - '../src/lib/Components/Bidding/Screens/__stories__/BidResult.story', - '../src/lib/Components/Bidding/Screens/__stories__/RegistrationResult.story', - '../src/lib/Components/Bidding/__stories__/BidFlow.story', - '../src/lib/Components/Buttons/__stories__/Buttons.story', - '../src/lib/Components/Consignments/__stories__/BottomAligned.story', - '../src/lib/Components/Consignments/__stories__/Consignments.story', - '../src/lib/Components/Consignments/__stories__/ImageSelection.story', - '../src/lib/Components/Consignments/__stories__/Search.story', - '../src/lib/Components/Consignments/__stories__/Style.story', - '../src/lib/Components/Consignments/__stories__/Todo.story', - '../src/lib/Components/Inbox/ActiveBids/__stories__/ActiveBids.story', - '../src/lib/Components/Inbox/Conversations/__stories__/ArtworkPreview.story', - '../src/lib/Components/Inbox/Conversations/__stories__/Avatar.story', - '../src/lib/Components/Inbox/Conversations/__stories__/Composer.story', - '../src/lib/Components/Inbox/Conversations/__stories__/ConversationSnippet.story', - '../src/lib/Components/Inbox/Conversations/__stories__/Inbox.story', - '../src/lib/Components/Inbox/Conversations/__stories__/Message.story', - '../src/lib/Components/Inbox/Conversations/__stories__/ZeroStateInbox.story', - '../src/lib/Components/States/__stories__/ZeroState.story', - '../src/lib/Components/Text/__stories__/Typography.story', - '../src/lib/Components/__stories__/DottedLine.story', - '../src/lib/Components/__stories__/Markdown.story', - '../src/lib/Components/__stories__/Modal.story', - '../src/lib/Components/__stories__/TabBar.story', - '../src/lib/Components/__stories__/Video.story', - '../src/lib/Containers/__stories__/Artist.story', - '../src/lib/Containers/__stories__/Gene.story', - '../src/lib/Containers/__stories__/Inquiry.story', - '../src/lib/Scenes/Artwork/Components/__stories__/AboutWork.story', - '../src/lib/Scenes/Artwork/Components/__stories__/ArtworkActions.story', - '../src/lib/Scenes/Artwork/Components/__stories__/ArtworkDetails.story', - '../src/lib/Scenes/Artwork/Components/__stories__/ArtworkHistory.story', - '../src/lib/Scenes/Artwork/Components/__stories__/ArtworkTombstone.story', - '../src/lib/Scenes/Artwork/__stories__/Artwork.story', - '../src/lib/Scenes/Collection/__stories__/Collection.story', - '../src/lib/Scenes/Fair/__stories__/Fair.story', - '../src/lib/Scenes/Favorites/__stories__/Favorites.story', - '../src/lib/Scenes/Home/Components/Sales/Components/__stories__/LotsByFollowedArtists.story', - '../src/lib/Scenes/Map/__stories__/Map.story', - '../src/lib/Scenes/Search/__stories__/Search.story', - '../src/lib/Scenes/Settings/__stories__/Settings.story', - '../src/lib/Scenes/Show/__stories__/Show.story', - -]; - -module.exports = { - loadStories, - stories, -}; diff --git a/yarn.lock b/yarn.lock index 597f5302ba0..b140ac90b81 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1940,6 +1940,14 @@ resolved "https://registry.yarnpkg.com/@react-native-community/viewpager/-/viewpager-2.0.2.tgz#622b190294b1310c4825c98daeaee1c8443f7124" integrity sha512-CKVhIZdX/Cmb80muog8sKpi5vM8npwFp4tx4Dj1IvTBidZweuO22+VH2rDOj7E0LzdV9IYRJ4FGBwcPBD2qUrQ== +"@restart/hooks@^0.3.1": + version "0.3.25" + resolved "https://registry.yarnpkg.com/@restart/hooks/-/hooks-0.3.25.tgz#11004139ad1c70d2f5965a8939dcb5aeb96aa652" + integrity sha512-m2v3N5pxTsIiSH74/sb1yW8D9RxkJidGW+5Mfwn/lHb2QzhZNlaU1su7abSyT9EGf0xS/0waLjrf7/XxQHUk7w== + dependencies: + lodash "^4.17.15" + lodash-es "^4.17.15" + "@samverschueren/stream-to-observable@^0.3.0": version "0.3.0" resolved "https://registry.yarnpkg.com/@samverschueren/stream-to-observable/-/stream-to-observable-0.3.0.tgz#ecdf48d532c58ea477acfcab80348424f8d0662f" @@ -8163,7 +8171,7 @@ locate-path@^5.0.0: dependencies: p-locate "^4.1.0" -lodash-es@^4.17.11, lodash-es@^4.17.14: +lodash-es@^4.17.11, lodash-es@^4.17.14, lodash-es@^4.17.15: version "4.17.15" resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.15.tgz#21bd96839354412f23d7a10340e5eac6ee455d78" integrity sha512-rlrc3yU3+JNOpZ9zj5pQtxnx2THmvRykwL4Xlxoa8I9lHBlVbbyPhgyPMioxVZ4NqyxaVVtaJnzsyOidQIhyyQ== @@ -10786,15 +10794,15 @@ react-relay-network-modern@4.7.1: dependencies: extract-files "^5.0.1" -react-relay@9.0.0: - version "9.0.0" - resolved "https://registry.yarnpkg.com/react-relay/-/react-relay-9.0.0.tgz#e2e48eaf38560e81d601f4ec997156d05391b4fa" - integrity sha512-5K0SGkeGBCscS+7d9x0D5czI6ZZtWbmeBu2C6nBFEX4qPKvh0poIn8oJNN1cyXPCmdQPzQBaAbxLbI7v4Vpxiw== +react-relay@9.1.0: + version "9.1.0" + resolved "https://registry.yarnpkg.com/react-relay/-/react-relay-9.1.0.tgz#f0d21120a535c956ddb7feafda6f92175eb6cc6b" + integrity sha512-puE6o4tDTogQsRoRkuKpLhJ8fW4gvwhdpg5RcbSgj2M6WSGM2YvOWXTbD2mttgIvtpZtfoD8WmLArM3P7vQblw== dependencies: "@babel/runtime" "^7.0.0" fbjs "^1.0.0" nullthrows "^1.1.1" - relay-runtime "9.0.0" + relay-runtime "9.1.0" react-remove-scroll-bar@^2.1.0: version "2.1.0" @@ -11134,6 +11142,14 @@ relay-config@6.0.0: dependencies: cosmiconfig "^5.0.5" +relay-hooks@3.5.1: + version "3.5.1" + resolved "https://registry.yarnpkg.com/relay-hooks/-/relay-hooks-3.5.1.tgz#d22d5da896999c276d1db8529e66b5bdc2bc2835" + integrity sha512-A7ytAEtItvOJSteleGbCDpVqnixTjTG807eDo3sdEI8qy9aIta58pWeM0RU+UUDOObnwPFNdY5w4HILJ6YUYyg== + dependencies: + "@restart/hooks" "^0.3.1" + fbjs "^1.0.0" + relay-mock-network-layer@3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/relay-mock-network-layer/-/relay-mock-network-layer-3.0.0.tgz#cdc9f116f5afcf9e1ce4092d7dc4c925b1457a2e" @@ -11149,6 +11165,14 @@ relay-runtime@9.0.0: "@babel/runtime" "^7.0.0" fbjs "^1.0.0" +relay-runtime@9.1.0: + version "9.1.0" + resolved "https://registry.yarnpkg.com/relay-runtime/-/relay-runtime-9.1.0.tgz#d0534007d5c43e7b9653c6f5cc112ffac09c5020" + integrity sha512-6FE5YlZpR/b3R/HzGly85V+c4MdtLJhFY/outQARgxXonomrwqEik0Cr34LnPK4DmGS36cMLUliqhCs/DZyPVw== + dependencies: + "@babel/runtime" "^7.0.0" + fbjs "^1.0.0" + relay-test-utils@9.0.0: version "9.0.0" resolved "https://registry.yarnpkg.com/relay-test-utils/-/relay-test-utils-9.0.0.tgz#c21890650f82f5a8026459f79952caf43c653e95"