Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

wizard: create new component with eyeIcon button inside textInput (HMS-5289) #2727

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

mgold1234
Copy link
Collaborator

@mgold1234 mgold1234 commented Jan 8, 2025

this commit create new component with eyeIcon button inside textInput,
for password field
Screenshot 2025-01-09 at 13 21 59

JIRA: HMS-5289

@mgold1234 mgold1234 marked this pull request as draft January 8, 2025 12:31
Copy link

codecov bot commented Jan 8, 2025

Codecov Report

Attention: Patch coverage is 95.34884% with 2 lines in your changes missing coverage. Please review.

Project coverage is 84.77%. Comparing base (0f86336) to head (dbde53a).

Files with missing lines Patch % Lines
...omponents/CreateImageWizard/ValidatedTextInput.tsx 95.12% 2 Missing ⚠️

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2727      +/-   ##
==========================================
+ Coverage   84.75%   84.77%   +0.01%     
==========================================
  Files         187      187              
  Lines       21270    21311      +41     
  Branches     2088     2093       +5     
==========================================
+ Hits        18027    18066      +39     
- Misses       3221     3223       +2     
  Partials       22       22              
Files with missing lines Coverage Δ
...eateImageWizard/steps/Users/component/UserInfo.tsx 95.09% <100.00%> (ø)
...omponents/CreateImageWizard/ValidatedTextInput.tsx 91.11% <95.12%> (+1.74%) ⬆️

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0f86336...dbde53a. Read the comment docs.

@lucasgarfield
Copy link
Collaborator

Some inspiration for you, we should try to follow PF as closely as possible:
https://v5-archive.patternfly.org/components/password-generator

@mgold1234 mgold1234 force-pushed the extend_button_pass branch 2 times, most recently from 506aea1 to 64b640c Compare January 9, 2025 11:20
@mgold1234 mgold1234 changed the title <wip> - extend TextInput with button wizard: create new component with add eyeIcon button inside textInput Jan 9, 2025
@mgold1234
Copy link
Collaborator Author

/jira-epic HMS-4181

@schutzbot schutzbot changed the title wizard: create new component with add eyeIcon button inside textInput wizard: create new component with add eyeIcon button inside textInput (HMS-5289) Jan 9, 2025
@mgold1234 mgold1234 marked this pull request as ready for review January 9, 2025 11:21
@mgold1234 mgold1234 changed the title wizard: create new component with add eyeIcon button inside textInput (HMS-5289) wizard: create new component with eyeIcon button inside textInput (HMS-5289) Jan 9, 2025
@mgold1234 mgold1234 force-pushed the extend_button_pass branch 3 times, most recently from bcc86b9 to 038c7f2 Compare January 13, 2025 09:17
@mgold1234 mgold1234 force-pushed the extend_button_pass branch 9 times, most recently from 958010e to 20172d3 Compare January 23, 2025 08:57
Copy link
Collaborator

@regexowl regexowl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added a few comments, but maybe we're overlooking something since there's no password validation yet. Can we add that (could be in a separate PR) and then revisit this one to see how the validated input works with the added button?

src/Components/CreateImageWizard/ValidatedTextInput.tsx Outdated Show resolved Hide resolved
type={isPasswordVisible ? 'text' : 'password'}
ouiaId={ouiaId || ''}
data-testid={dataTestId}
aria-label={ariaLabel || ''}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There are duplicate aria labels in the props - aria-label and ariaLabel. isDisabled prop is missing. warning is missing also.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I will add them as part of rest., what do you think?

src/Components/CreateImageWizard/ValidatedTextInput.tsx Outdated Show resolved Hide resolved
@mgold1234 mgold1234 force-pushed the extend_button_pass branch 2 times, most recently from c33dfbb to 6d36b0a Compare January 23, 2025 10:41
this commit create new component with add eyeIcon button inside textInput,
for password field
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants