-
Notifications
You must be signed in to change notification settings - Fork 53
chore(InputText): migrate InputText component to belonging #2984
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
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Need rebase and i think you have an issue on disabled, you have an hover on it and i think is not what we want
| inputProps.disabled && 'disabled' | ||
| )} | ||
| > | ||
| {React.cloneElement(icon, { ...icon.props, size: iconSize })} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Maybe this can work ?
| {React.cloneElement(icon, { ...icon.props, size: iconSize })} | |
| <Icon size={iconSize} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I thought it was working and then my tests broke
It's due to the weird implem of the PasswordInput:
<InputText
{...rest}
icon={
<ToggleButton
aria-label={toggleAriaLabel ?? (isHidden ? 'Show password' : 'Hide password')}
data-testid={dataTestId}
isHidden={isHidden}
onClick={handleToggle}
/>
}
iconPlacement="right"
ref={ref}
type={type}
/>
See, the icon is a component 🤯
I will handle that in my next component PR, as I have the PasswordInput assigned to me
202a93c to
4f08526
Compare
DESCRIPTION
HOW TO TEST
Go to https://wui-208-input-text.preview.welcome-ui.com/components/input-text
or start your project locally
SCREENSHOTS / SCREEN RECORDINGS
COMPATIBILITY
QA