[G2M] Create text widget

[geoerika]

Closes #213

Changes:

New Text Widget

• created new basic Text Widget to answer to new design requirements in Figma for auto-insights project
• this is just the initial implementation, more edit controls for customization to be added at a future date

Compact Mode:

Create a Text Widget:

https://user-images.githubusercontent.com/41120953/214922971-b5c173b6-2412-40a4-9443-1b033b4241f6.mov

Others:

• refactored state definitions in components that I did changes

Future Work (hopefully next week)

1. Fix No Data source reset when we try to select a data source in a Text Widget
2. Add controls for colors & text formatting

[github-actions[bot]]

📚 Storybook preview (updated to 6fcd17206c13477343b83e6564e6eb9351d0c043)

[geoerika]

Looks good. Not a major thing but the clear button only clears the widget and not the text box.

Oh, I was waiting for you to catch on that @Hamaad102 . Unfortunately, I think it is an issue with our lumen-labs component. The TextField.Area comp has this issue only and another one. Try delete all the text in the Value Configuration and see what's happening. It's the same in lumen-labs. I will test more later, but that's my initial assessment.

[kc-leung]

Looks good. Not a major thing but the clear button only clears the widget and not the text box.

Oh, I was waiting for you to catch on that @Hamaad102 . Unfortunately, I think it is an issue with our lumen-labs component. The TextField.Area comp has this issue only and another one. Try delete all the text in the Value Configuration and see what's happening. It's the same in lumen-labs. I will test more later, but that's my initial assessment.

yea it is a lumen-labs problem text area doesn't do the clean up properly it returns [Object Object]