chore: convert components to ts

[alextranwork]

📃 Summary

Refactor code to provide typings for the Webapp and EMR

🔍 Changeset

• Everything should behave the same except for autofucus for inputs. Its been changed to autoFocus

🏷 Asana Task

https://app.asana.com/0/0/1186084579231283/f

↩️ Depends On

📸 Screenshots

🧪 QA

• Need to regression test Webapp and EMR

📈 Risk Analysis

• Does this affect patients?
• Does this affect clinical?
• Does this mutate data?
• Does it touch PHI?
• Does it touch payments?
• Does it update Node packages?

[alextranwork]

@rkrishn7 I reverted your merge because there were too many TS errors. Can you fix the TS errors and try merging again? We can try merging smaller pieces if that help. Also, you can run yarn types to check for errors.

[rkrishn7]

@rkrishn7 I reverted your merge because there were too many TS errors. Can you fix the TS errors and try merging again? We can try merging smaller pieces if that help. Also, you can run yarn types to check for errors.

my bad, forgot to cleanup some of the tests/stories. There are a few remaining errors that are coming from Flex and Input. The ones from Flex should be resolved with your changes. Did you convert Input? If so, wanna take a look at that one.

There are a couple errors from src/Card/Card.tsx. Specifically:

& + ${Card.Body} {

Not sure why we use this.

[alextranwork]

@rkrishn7 lets create PRs to merge onto this branch. I would like to keep it error free to make it easier. Can you revert your last change since it caused errors again.

[schlegz]

Looking through a couple related PRs, I'm seeing discrepancies around defining props. Here it is an interface, elsewhere I've seen type.

[alextranwork]

hmm, I normally use interface to define objects. Is there a reason why we would use type over interfaces for objects?

[choochootrain]

🚀