All files / blong-browser/src/widgets PasswordWidget.tsx

80% Statements 24/30
100% Branches 1/1
0% Functions 0/1
80% Lines 24/30

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 311x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x              
import {Password} from '../primereact/index.js';
 
import type {IWidgetProps} from '@feasibleone/blong';
 
export function PasswordWidget({
    id,
    name,
    value,
    onChange,
    onBlur,
    error,
    readOnly,
    disabled,
}: IWidgetProps) {
    return (
        <Password
            inputId={id ?? name}
            name={name}
            value={value == null ? '' : String(value)}
            onChange={e => onChange(e.target.value || null)}
            onBlur={onBlur}
            readOnly={readOnly}
            disabled={disabled}
            className={`blong-password w-full ${error ? 'p-invalid' : ''}`}
            toggleMask
            role="textbox"
            inputClassName="w-full"
        />
    );
}