ENG-4630 feat(1ui): smart component consumer pattern example -- 1ui + graphql data

[jonathanprozzi]

Affected Packages

Apps

• data populator
• portal
• template

Packages

• 1ui
• api
• graphql
• protocol
• sdk

Tools

• tools

Overview

• Adds in scaffolding to be able to use our graphql package within 1ui to make our first iteration of smart components -- at this stage this is only at the .stories level where a Live Data story has been added
• Adds in React Query and graphql-request as dev dependencies to be able to support this
• We also need to bring our formatting utils over from Portal to support this -- I started to do this but had a conflict with our formatNumber in 1ui so I held off. We should likely pull these into a utils package and import from there.
• We also likely want to move this type of functionality into its own package, but I wanted to add this scaffolding incase it's useful for us as we migrate to GraphQL

Screen Captures

Declaration

• I hereby declare that I have abided by the rules and regulations as outlined in the CONTRIBUTING.md

[linear]

ENG-4630 Smart Component consumer pattern example: 1ui + graphql data

TLDR:

Functional Requirement(s):

Task Breakdown - should translate to sub-issues if applicable:

• [ ]