@navinc/base-react-components/dist/form-elements/ssn-input.d.ts

Nav's Pattern Library

import { FocusEventHandler, ChangeEventHandler } from 'react';
import Input from '../input.js';
import { InferComponentProps } from '../types.js';
export declare const formatSSN: (input: string | number) => string;
export declare const maskSSN: (input: string | number) => string;
declare const createSsnValidator: ({ isRequired, requiredErrorMessage, lengthErrorMessage, }?: {
    isRequired?: boolean | undefined;
    requiredErrorMessage?: string | undefined;
    lengthErrorMessage?: string | undefined;
}) => (ssnInput: string) => [string] | void;
declare type SsnInputProps = InferComponentProps<typeof Input> & Parameters<typeof createSsnValidator>[0] & {
    name: string;
    onBlur?: FocusEventHandler<HTMLInputElement>;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    invalidOnTouched?: boolean;
};
export declare const SsnInput: ({ name, onBlur, onChange, invalidOnTouched, isRequired, requiredErrorMessage, lengthErrorMessage, ...props }: SsnInputProps) => JSX.Element;
export {};