Updates for item children GraphQL edge schema change (now uses item s…

…earch results pattern vs an array of items).
Sitecore · Apr 8, 2021 · c58bb98 · c58bb98
1 parent fc255d0
commit c58bb98
Show file tree

Hide file tree

Showing 5 changed files with 20,190 additions and 19,816 deletions.
diff --git a/...es/nextjs/sitecore/definitions/components/graphql/GraphQL-IntegratedDemo.sitecore.graphql b/...es/nextjs/sitecore/definitions/components/graphql/GraphQL-IntegratedDemo.sitecore.graphql
@@ -51,18 +51,20 @@ query IntegratedDemoQuery($datasource: String!, $contextItem: String!) {
 
     # List the children of the current route
     children(hasLayout: true) {
-      id
-      # typing fragments can be used anywhere!
-      # so in this case, we're grabbing the 'pageTitle'
-      # field on all child route items.
-      ...on AppRoute {
-        pageTitle {
-          jsonValue
-          value
+      results {
+        id
+        # typing fragments can be used anywhere!
+        # so in this case, we're grabbing the 'pageTitle'
+        # field on all child route items.
+        ...on AppRoute {
+          pageTitle {
+            jsonValue
+            value
+          }
+        }
+        url{
+          path
         }
-      }
-      url{
-        path
       }
     }
   }

diff --git a/samples/nextjs/src/components/graphql/GraphQL-ConnectedDemo.graphql b/samples/nextjs/src/components/graphql/GraphQL-ConnectedDemo.graphql
@@ -49,18 +49,20 @@ query ConnectedDemoQuery($datasource: String!, $contextItem: String!) {
 
     # List the children of the current route
     children(hasLayout: true) {
-      id
-      # typing fragments can be used anywhere!
-      # so in this case, we're grabbing the 'pageTitle'
-      # field on all child route items.
-      ...on AppRoute {
-        pageTitle {
-          jsonValue
-          value
+      results {
+        id
+        # typing fragments can be used anywhere!
+        # so in this case, we're grabbing the 'pageTitle'
+        # field on all child route items.
+        ...on AppRoute {
+          pageTitle {
+            jsonValue
+            value
+          }
+        }
+        url{
+          path
         }
-      }
-      url{
-        path
       }
     }
   }

diff --git a/samples/nextjs/src/components/graphql/GraphQL-ConnectedDemo.tsx b/samples/nextjs/src/components/graphql/GraphQL-ConnectedDemo.tsx
@@ -76,7 +76,7 @@ const GraphQLConnectedDemo = (props: StyleguideComponentProps): JSX.Element => {
           <br />
           children:
           <ul>
-            {data.contextItem.children.map((child) => {
+            {data.contextItem.children.results.map((child) => {
               const routeItem = child as RouteItem;
 
               return (

diff --git a/samples/nextjs/src/components/graphql/GraphQL-IntegratedDemo.tsx b/samples/nextjs/src/components/graphql/GraphQL-IntegratedDemo.tsx
@@ -30,7 +30,7 @@ interface DataSource {
   id: string;
 }
 
-interface ContextItemChild {
+interface Item {
   id: string;
   url: {
     path: string;
@@ -43,13 +43,17 @@ interface ContextItemChild {
   };
 }
 
+interface ItemSearchResults {
+  results: Item[];
+}
+
 interface GraphQlIntegratedDemoProps {
   fields: {
     data: {
       datasource: DataSource;
       contextItem: {
         id: string;
-        children: ContextItemChild[];
+        children: ItemSearchResults;
         pageTitle: {
           value: string;
         };
@@ -107,7 +111,7 @@ const GraphQLIntegratedDemo = (props: GraphQlIntegratedDemoProps): JSX.Element =
           <br />
           children:
           <ul>
-            {contextItem.children.map((child: ContextItemChild) => (
+            {contextItem.children.results.map((child: Item) => (
               <li key={child.id}>
                 <NextLink href={child.url.path}>
                   <a>{child.pageTitle.value}</a>