Fix casing of element properties

Author: barteksekula

README.md

@@ -154,7 +154,7 @@ import { graphql } from '@/graphql'
 
 export const ParagraphElementFragment = graphql(/* GraphQL */ `
     fragment paragraphElement on ParagraphElement {
-        Text {
+        text {
             html
         }
     }
@@ -165,7 +165,7 @@ const ParagraphElementComponent = (props: {
 }) => {
     const paragraphElement = useFragment(ParagraphElementFragment, props.paragraphElement)
     // @ts-ignore
-    return <div dangerouslySetInnerHTML={{ __html: paragraphElement.Text?.html }}></div>
+    return <div dangerouslySetInnerHTML={{ __html: paragraphElement.text?.html }}></div>
 }
 
 export default ParagraphElementComponent

src/components/elements/ParagraphElementComponent.tsx

@@ -3,7 +3,7 @@ import { graphql } from '@/graphql'
 
 export const ParagraphElementFragment = graphql(/* GraphQL */ `
     fragment paragraphElement on ParagraphElement {
-        Text {
+        text {
             html
         }
     }
@@ -14,7 +14,7 @@ const ParagraphElementComponent = (props: {
 }) => {
     const paragraphElement = useFragment(ParagraphElementFragment, props.paragraphElement)
     // @ts-ignore
-    return <div dangerouslySetInnerHTML={{ __html: paragraphElement.Text?.html }}></div>
+    return <div dangerouslySetInnerHTML={{ __html: paragraphElement.text?.html }}></div>
 }
 
 export default ParagraphElementComponent

src/graphql/gql.ts

@@ -15,7 +15,7 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
 const documents = {
     "\n    fragment compositionElementNode on CompositionElementNode {\n        key\n        element {\n            _metadata {\n                types\n            }\n            ...paragraphElement\n        }\n    }\n": types.CompositionElementNodeFragmentDoc,
     "\nquery VisualBuilder($key: String, $version: String) {\n  _Experience(where: {\n      _metadata: { key: { eq: $key } }\n      _or: { _metadata: { version: { eq: $version } } }\n    }) {\n    items {      \n      composition {\n            grids: nodes {\n              ... on CompositionStructureNode {\n                key\n                rows: nodes {\n                  ... on CompositionStructureNode {\n                    key\n                    columns: nodes {\n                      ... on CompositionStructureNode {\n                        key\n                        elements: nodes {\n                          ...compositionElementNode\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n      _metadata {\n        key\n        version,        \n      }\n    }\n  }\n}\n": types.VisualBuilderDocument,
-    "\n    fragment paragraphElement on ParagraphElement {\n        Text {\n            html\n        }\n    }\n": types.ParagraphElementFragmentDoc,
+    "\n    fragment paragraphElement on ParagraphElement {\n        text {\n            html\n        }\n    }\n": types.ParagraphElementFragmentDoc,
 };
 
 /**
@@ -43,7 +43,7 @@ export function graphql(source: "\nquery VisualBuilder($key: String, $version: S
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n    fragment paragraphElement on ParagraphElement {\n        Text {\n            html\n        }\n    }\n"): (typeof documents)["\n    fragment paragraphElement on ParagraphElement {\n        Text {\n            html\n        }\n    }\n"];
+export function graphql(source: "\n    fragment paragraphElement on ParagraphElement {\n        text {\n            html\n        }\n    }\n"): (typeof documents)["\n    fragment paragraphElement on ParagraphElement {\n        text {\n            html\n        }\n    }\n"];
 
 export function graphql(source: string) {
   return (documents as any)[source] ?? {};