@npm_leadtech/legal-lib-components 5.39.10 → 5.39.11-b1

package/dist/src/components/atoms/Radio/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Radio } from './Radio';
-export { type RadioProps } from './RadioProps.types';
+export * from './RadioProps.types';

package/dist/src/components/atoms/Radio/index.js

@@ -1 +1,2 @@
 export { default as Radio } from './Radio';
+export * from './RadioProps.types';

package/dist/src/components/atoms/Radio/index.ts

@@ -1,2 +1,2 @@
 export { default as Radio } from './Radio'
-export { type RadioProps } from './RadioProps.types'
+export * from './RadioProps.types'

package/dist/src/components/molecules/TextInput/TextInput.js

@@ -6,7 +6,7 @@ import { Input } from './Input';
 import { TextInputLabel } from './TextInputLabel';
 import { TextInputMessage } from './TextInputMessage';
 import { TextInputTooltip } from './TextInputTooltip';
-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) => {
+const TextInput = React.forwardRef(({ key, 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) => {
     const classnames = classNames('e-text', {
         [givenClass]: givenClass,
         'e-text--is-invalid': !validate,
@@ -30,7 +30,7 @@ const TextInput = React.forwardRef(({ label, value, validate = true, isValidGrou
                 // maskchar={null}
                 value: value, "data-qa": name, disabled: disabled, maxLength: maxLength, onBlur: onBlur }));
         }
-        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 }));
+        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 }, key));
     };
     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 })] }));
 });

package/dist/src/components/molecules/TextInput/TextInput.tsx

@@ -11,6 +11,7 @@ import { TextInputTooltip } from './TextInputTooltip'
 const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
   (
     {
+      key,
       label,
       value,
       validate = true,
@@ -77,6 +78,7 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
 
       return (
         <Input
+          key={key}
           name={name ?? ''}
           type={type}
           placeholder={placeholder ?? ''}

package/dist/src/components/molecules/TextInput/TextInputProps.types.d.ts

@@ -1,4 +1,5 @@
 export interface TextInputProps {
+    key?: string;
     label?: string;
     name?: string;
     placeholder?: string;

package/dist/src/components/molecules/TextInput/TextInputProps.types.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 export interface TextInputProps {
+  key?: string
   label?: string
   name?: string
   placeholder?: string

package/dist/src/components/organisms/LoginRatafiaContent/LoginRatafiaContent.js

@@ -3,6 +3,7 @@ import { Checkbox } from '../../atoms';
 import { TextInput } from '../../molecules';
 import { LoginRatafiaContentStyled } from './LoginRatafiaContent.styled';
 const LoginRatafiaContent = ({ title, email, policy }) => {
-    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 }) })] }));
+    console.log('LoginRatafiaContentProps:', { title, email, policy });
+    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 }) })] }));
 };
 export default LoginRatafiaContent;

package/dist/src/components/organisms/LoginRatafiaContent/LoginRatafiaContent.tsx

@@ -8,11 +8,12 @@ import { TextInput } from '../../molecules'
 import { LoginRatafiaContentStyled } from './LoginRatafiaContent.styled'
 
 const LoginRatafiaContent: FC<LoginRatafiaContentProps> = ({ title, email, policy }) => {
+  console.log('LoginRatafiaContentProps:', { title, email, policy })
   return (
     <LoginRatafiaContentStyled>
       <h2 className='login-ratafia-content__title'>{title}</h2>
       <div className='login-ratafia-content__email'>
-        <TextInput {...email} />
+        <TextInput key='ratafia-login-email' {...email} />
       </div>
       <div className='login-ratafia-content__policy'>
         <Checkbox {...policy} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.39.10",
+  "version": "5.39.11b1",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",