@npm_leadtech/legal-lib-components 5.39.11-b1 → 5.39.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/molecules/TextInput/TextInput.js +2 -2
- package/dist/src/components/molecules/TextInput/TextInput.tsx +0 -2
- package/dist/src/components/molecules/TextInput/TextInputProps.types.d.ts +0 -1
- package/dist/src/components/molecules/TextInput/TextInputProps.types.ts +0 -1
- package/dist/src/components/organisms/LoginRatafiaContent/LoginRatafiaContent.js +1 -2
- package/dist/src/components/organisms/LoginRatafiaContent/LoginRatafiaContent.tsx +1 -2
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import { Input } from './Input';
|
|
|
6
6
|
import { TextInputLabel } from './TextInputLabel';
|
|
7
7
|
import { TextInputMessage } from './TextInputMessage';
|
|
8
8
|
import { TextInputTooltip } from './TextInputTooltip';
|
|
9
|
-
const TextInput = React.forwardRef(({
|
|
9
|
+
const TextInput = React.forwardRef(({ label, value, validate = true, isValidGroup = true, format = undefined, name, placeholder, onChange, onClick, onBlur, onKeyDown, onKeyUp, disabled, type = 'text', maxLength, errorMessage = '', notes, dialogMenuTip, tooltip = '', givenClass = '', children }, ref) => {
|
|
10
10
|
const classnames = classNames('e-text', {
|
|
11
11
|
[givenClass]: givenClass,
|
|
12
12
|
'e-text--is-invalid': !validate,
|
|
@@ -30,7 +30,7 @@ const TextInput = React.forwardRef(({ key, label, value, validate = true, isVali
|
|
|
30
30
|
// maskchar={null}
|
|
31
31
|
value: value, "data-qa": name, disabled: disabled, maxLength: maxLength, onBlur: onBlur }));
|
|
32
32
|
}
|
|
33
|
-
return (_jsx(Input, { name: name ?? '', type: type, placeholder: placeholder ?? '', className: 'e-text-input', onChange: handleChange, onClick: onClick ?? (() => { }), value: value, "data-qa": name, disabled: disabled ?? false, maxLength: maxLength, onBlur: onBlur ?? (() => { }), ref: ref, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }
|
|
33
|
+
return (_jsx(Input, { name: name ?? '', type: type, placeholder: placeholder ?? '', className: 'e-text-input', onChange: handleChange, onClick: onClick ?? (() => { }), value: value, "data-qa": name, disabled: disabled ?? false, maxLength: maxLength, onBlur: onBlur ?? (() => { }), ref: ref, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }));
|
|
34
34
|
};
|
|
35
35
|
return (_jsxs("div", { className: classnames, children: [Boolean(children) && _jsx("div", { className: 'e-text__children', children: children }), _jsx(TextInputTooltip, { tooltip: tooltip }), _jsx(TextInputMessage, { errorMessage: errorMessage, validate: validate }), renderInput(), _jsx(TextInputLabel, { label: label, htmlFor: name, notes: notes, dialogMenuTip: dialogMenuTip })] }));
|
|
36
36
|
});
|
|
@@ -11,7 +11,6 @@ import { TextInputTooltip } from './TextInputTooltip'
|
|
|
11
11
|
const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
|
|
12
12
|
(
|
|
13
13
|
{
|
|
14
|
-
key,
|
|
15
14
|
label,
|
|
16
15
|
value,
|
|
17
16
|
validate = true,
|
|
@@ -78,7 +77,6 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
|
|
|
78
77
|
|
|
79
78
|
return (
|
|
80
79
|
<Input
|
|
81
|
-
key={key}
|
|
82
80
|
name={name ?? ''}
|
|
83
81
|
type={type}
|
|
84
82
|
placeholder={placeholder ?? ''}
|
|
@@ -3,7 +3,6 @@ import { Checkbox } from '../../atoms';
|
|
|
3
3
|
import { TextInput } from '../../molecules';
|
|
4
4
|
import { LoginRatafiaContentStyled } from './LoginRatafiaContent.styled';
|
|
5
5
|
const LoginRatafiaContent = ({ title, email, policy }) => {
|
|
6
|
-
|
|
7
|
-
return (_jsxs(LoginRatafiaContentStyled, { children: [_jsx("h2", { className: 'login-ratafia-content__title', children: title }), _jsx("div", { className: 'login-ratafia-content__email', children: _jsx(TextInput, { ...email }, 'ratafia-login-email') }), _jsx("div", { className: 'login-ratafia-content__policy', children: _jsx(Checkbox, { ...policy }) })] }));
|
|
6
|
+
return (_jsxs(LoginRatafiaContentStyled, { children: [_jsx("h2", { className: 'login-ratafia-content__title', children: title }), _jsx("div", { className: 'login-ratafia-content__email', children: _jsx(TextInput, { ...email }) }), _jsx("div", { className: 'login-ratafia-content__policy', children: _jsx(Checkbox, { ...policy }) })] }));
|
|
8
7
|
};
|
|
9
8
|
export default LoginRatafiaContent;
|
|
@@ -8,12 +8,11 @@ import { TextInput } from '../../molecules'
|
|
|
8
8
|
import { LoginRatafiaContentStyled } from './LoginRatafiaContent.styled'
|
|
9
9
|
|
|
10
10
|
const LoginRatafiaContent: FC<LoginRatafiaContentProps> = ({ title, email, policy }) => {
|
|
11
|
-
console.log('LoginRatafiaContentProps:', { title, email, policy })
|
|
12
11
|
return (
|
|
13
12
|
<LoginRatafiaContentStyled>
|
|
14
13
|
<h2 className='login-ratafia-content__title'>{title}</h2>
|
|
15
14
|
<div className='login-ratafia-content__email'>
|
|
16
|
-
<TextInput
|
|
15
|
+
<TextInput {...email} />
|
|
17
16
|
</div>
|
|
18
17
|
<div className='login-ratafia-content__policy'>
|
|
19
18
|
<Checkbox {...policy} />
|