likhith/Text field UI component

[likhith-deriv]

Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Addresses 61199#

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update
• Package update

Author Checklist:

Please check relevant items before requesting for review.

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
deriv-components	✅ Ready (Inspect)	Visit Preview	Jul 14, 2022 at 11:42AM (UTC)

[yashim-deriv]

Some comments, I see that you combine TextArea and Input within one wrapper component. I think we should split it if it has specific behaviour. For the props, do use a clearer name like success should be using a more detailed name like either success_message. Another good way is to structure it in another way instead of a flat props. Example

hint_text props:

hint_text: {
    error: "",
    success: "",
    hint:""
}

[balakrishna-deriv]

We should lazy load zxcvbn library since this is a huge package. We only use Password Meter at a few places. So, I think it's better to lazy load.

[likhith-deriv]

Will incorporate this suggestion

[balakrishna-deriv]

There is a lot of removal from package-lock.json. Can you please check it again?